异常的CSS特异性行为

NinGen ShinRa

我使用CSS已有很长时间了,我认为我很了解特殊性,但是这个例子使我感到困惑。已经很晚了,所以我可能会遗漏一些明显的东西:

.class span {
  color: blue;
}

section#id {
  color: beige;
}
<div class="class">
  <section id="id">
    <span>Test</span>
  </section>
</div>

的特异性section#id101,而的特异性.class span11,最重要的是,第二条规则甚至在第一个规则之后指定。

我想念什么明显的东西?

基督教

您没有使用第二个选择器定位范围。颜色将仅级联到color属性设置为inherit(默认)的元素

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

异常的CSS特异性行为

来自分类Dev

特异性错误-CSS

来自分类Dev

CSS turn3d属性行为异常

来自分类Dev

CSS特异性未遵循公式

来自分类Dev

对CSS特异性感到困惑

来自分类Dev

XUL中的CSS特异性

来自分类Dev

继承的CSS属性的特异性

来自分类Dev

CSS的继承与特异性之间的混淆

来自分类Dev

确定 CSS 特异性分数

来自分类Dev

关于 css 特异性的案例

来自分类Dev

CSS较低的特异性规则将覆盖较高的特异性

来自分类Dev

奇怪的CSS属性行为

来自分类Dev

嵌套CSS选择器而不增加特异性

来自分类Dev

嵌套CSS选择器的特异性

来自分类Dev

CSS通用选择器(*)的特异性

来自分类Dev

CSS通用同级选择器特异性

来自分类Dev

CSS特异性在Chrome中无法按预期工作

来自分类Dev

具有多个类的元素的CSS特异性

来自分类Dev

以下哪项在CSS中具有更高的特异性?

来自分类Dev

逗号分隔的组选择器的CSS特异性

来自分类Dev

HTML表中的CSS特异性问题

来自分类Dev

!默认CSS字体家族特异性标签

来自分类Dev

使用javascript编写CSS特异性函数

来自分类Dev

HTML 元素的嵌套顺序如何影响 CSS 特异性?

来自分类Dev

解释此CSS自定义属性行为

来自分类Dev

使用交叉验证计算特异性

来自分类Dev

Excel-FPR的特异性

来自分类Dev

CSS特异性:为什么10个或更多类选择器的CSS特异性权重不大于1个id选择器?

来自分类Dev

聚合物中的css特异性和css vars