关于Css选择器优先级

时间:2023-03-09 06:31:50
关于Css选择器优先级

今天练习css的时候,重叠后的style发现不起作用,原来css选择器优先级大有文章。

声明: yi下内容选自 51cto.com  --加以自己的理解 以备日后参照使用,毕竟自己理解的才是自己的。

三种基本的选择器
◆标签名选择器,如:p{},h3{}   直接使用HTML标签作为选择器。
◆类选择器,如.className{}。
◆ID选择器,如#tab1{}。

扩展选择器
◆后代选择器,如.polaris span img{}     空格间隔,最终指向img的样式设定
◆群组选择器,如div,span,img{}            共同设定三个标签的样式,这样写省代码

选择器的优先级别
通常用1表示      标签名  选择器的优先级
      用10表示    类        选择器的优先级
      用100标示  ID        选择器的优先级
      用1000标示   标签内引入的style