- 选上了,先比权重,相同情况下谁CSS在下面谁屌;没选中,先比较距离相应HTML元素的远近;如果相同,则比较权重;如果权重相同,谁CSS在下面谁屌。!important只影响同级。
- 多层相同标签嵌套,只要有选中的可能就表示选中。
div div{}//选中了第二个和第三个div div{}//选中了三个div <div> <div> haha <div>hehe</div> </div> </div>
- 继承性
对元素设置属性后其后代会继承同样属性。 color/text-开头的/line-开头的/font-开头的文字样式的都会被继承。 盒子的/定位的/都不会被继承
- 层叠性:即CSS处理冲突的能力,权重计算不存在兼容问题
如果选中,分别统计其id选择器/类选择器/标签选择器数量计算权重,谁大谁决定。255个选择器权重等于一个前面选择器 并集选择器(,)要拆开分别计算;子选择器>不影响权重计算
5.CSS继承性(inherited)与层叠性
最新推荐文章于 2023-08-02 16:26:17 发布
CSS的继承性和层叠性是样式生效的关键。继承性使得子元素能继承父元素的一些属性,如颜色、文字样式等。层叠性则解决样式冲突,依据权重、位置等因素决定最终样式。权重计算包括id、类、标签选择器的数量,同权重时后出现的样式优先。!important可以提升权重,但不影响继承的权重。
摘要由CSDN通过智能技术生成