html - 将一个类与不同的HTML元素一起使用

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