继承CSS属性:特定性Enigma 继承的样式是从父元素传递给其后代的属性。合理地想知道继承属性的特异性如何与直接定位的规则相比。
。 } 在这种情况下,.all_red_text div中的H2元素继承了黑色的默认浏览器行为。颜色:红色; .All_red_text中的属性覆盖了此继承的样式,并且文本显示为红色。
,但是,如果我们直接添加一个规则,将H2元素定位为h2元素,如下所示:[&& && && && && &&华氏h2 h2 {color:black; black; } .all_red_text {颜色:红色; } [&&&&&&& && && &&华对于H2元素而言,规则优先于继承的属性,导致所有H2文本都是黑色的。[&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& && && && && && && && && && && && && && && && &&&css属性本质上或更少比直接键入的规则本质上或更少。直接定位规则的特异性始终给予更高的优先级,而不管继承的属性来自父元素还是用户代理。了解此行为对于避免使用CSS中的继承样式时避免意外结果至关重要。免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3