小编use*_*952的帖子

为什么我的CSS有特殊性问题?

有人可以解释一下为什么在这个例子中第一条规则不是第二条规则吗?根据我的CSS特异性知识,第二个更具体,应该使用.但所有浏览器首先使用.

例:

http://apblog.lv/misc/css_spec/example2.html

CSS:

table.data .negative {
  /* css specificity: 0,0,2,1 */
  color: red;
}
table.data tr.inactive td {
  /* css specificity: 0,0,2,3 */
  color: gray; /* this should be used */
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<table class="data">
  <tr class="inactive">
    <td><span class="negative">should be gray</span></td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

css css-selectors

2
推荐指数
1
解决办法
390
查看次数

标签 统计

css ×1

css-selectors ×1