今天练习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