css - 对多于 1 个图像使用相同的 css

标签 css html

我希望我使用正确的术语(我是一个非常业余的编码员) 我有 2 张图片,我想在它们上应用相同的 css,但工作量最少,例如使用时:

h1, h2 {bla bla code}

所以我试过了

.btn-app img .btn-app2 img {
   margin-left: 10px;
    width: auto;
    height: 50px;}

但它不起作用。 可以吗?

非常感谢,很高兴认识大家! =)

最佳答案

你那里少了一个逗号。需要在每个选择器之间应用逗号。

你的选择器是

.btn-app img

选择 .btn-app

的所有子 img 元素
.btn-app2 img

选择 .btn-app2 的所有子 img 元素。
所以你的代码应该是:

.btn-app img, .btn-app2 img {
    margin-left: 10px;
    width: auto;
    height: 50px;
}

如果您是 CSS 的新手并且这不仅仅是一个拼写错误,我还建议您阅读 here .

关于css - 对多于 1 个图像使用相同的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48177597/

相关文章:

javascript - 如何在 Ember.js 中将特定元素添加到 DOM?

css - 如何使用户选择适用于 Safari 浏览器

html - Weebly 嵌入代码停止工作

javascript - jQuery 在 Accordion 上旋转箭头图像

javascript - 如何使用javascript扩展和关闭导航栏移动

无需按 ctrl+space 的 CSS 提案

javascript - Sweetalert2 在表单内无法正常工作

javascript - event.target.name 未定义

html - .htaccess 导致 apache 不显示页面但下载它们

php - 生成缩略图与样式化图像