当前位置:首页 > Web开发 > 正文

默认样式也是对自身样式的定义

2024-03-31 Web开发

学过css的小伙伴都是指css选择器的权重

!important   Infinity
行间样式    1000
id        100
class|属性|伪类 10
标签|伪元素    1
通配符     0

权重不异

不异css文件:写在后面的起感化
差别css文件:后导入的起感化

但今天遇到一个问题

<body> <div style="color: red"> <span>123</span> </div> </body>

倒是这样的

div上设置的样式并没有对span上的标签起感化
原因就是

我在通配符上设置了颜色

*{ padding: 0; margin: 0; color: #3c3c3c; }

span并没有担任div的样式,而是使用了通配符的样式

这就说明只有当自身没有样式界说时才会去担任样式

<div style="color: red"> <a href="#">123</a> </div>

很明显,默认样式也是对自身样式的界说,所以有默认样式的时候也无法担任样式

综上可以理解为

  权重:通配符>默认样式>担任样式

css选择器权重、样式担任、默认样式

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30581.html