我试图简化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/

10-09 23:29