我试图简化CSS,无法理解为什么不能将样式应用于同一类的不同元素类型。
例如,下面仅将所有.forum元素设置为海军风格,而其他更具体的样式将被忽略。有没有解决的办法?
编辑http://jsfiddle.net/fWvxs/
的HTML
<h1 class="forum">Forum Header</h1>
<p class="forum">Forum Content</p>
<small class="forum">Small deets</small>
的CSS
.forum {
color: navy;
}
.forum h1 {
text-decoration: underline;
}
.forum small {
font-size: 2em;
}
最佳答案
尝试这个:
.forum {
color: navy;
}
h1.forum {
text-decoration: underline;
}
small.forum {
font-size: 2em;
}
请注意,您使用了错误的选择器,
.forum h1
表示选择了h1
,它是.forum
的一个后代,而h1.forum
表示选择了具有h1
类的forum
元素。关于html - 将一个类与不同的HTML元素一起使用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23581419/