Question

我遇到了很多，这很烦人。有谁知道这件事：

#content h5 {
color:red;
}

#next h5 {
color:blue;
}

当标记看起来像这样：

<div id="content>
  <h5>RED</h5>

  <div id="next">
    <h5>BLUE</h5>
  </div>
</div>

蓝色h5实际上会显示为红色，是什么？！

Answer 1

我没有遇到任何问题。但是在内容之后你确实有一个引号。以下是我用

测试的内容

<html>
<head>
<style>
#content h5 {
color:red;
}

#next h5 {
color:blue;
}
</style>
</head>
<body>
<div id="content">
  <h5>RED</h5>

  <div id="next">
    <h5>BLUE</h5>
  </div>
</div>
</body>
</html>

Answer 2

No, it won't

Answer 3

这是因为所谓的 CSS特异性，这是一个很好的教程：

Specifics On CSS Specificity

CSS继承古怪

3 个答案: