14
2020
12

CSS选择器有哪些?哪些属性可以继承?CSS优先级算法如何计算?

CSS选择符:


1. id选择器( # myid)


2. 类选择器(.myclassname)


3. 标签(元素)选择器(div, h1, p)


4. 相邻选择器(h1 + p)


5. 子选择器(ul > li)


6. 后代选择器(li a)


7. 通配符选择器( * )


8. 属性选择器(a[rel = "external"])



9. 伪类选择器(a:hover, li:nth-child)


伪元素选择器、分组选择器。


继承性:


可继承的样式:font-size, font-family, color,ul,li,dl,dt,dd;


不可继承的样式:border, padding, margin, width, height


优先级(就近原则):!important > [ id > class > tag ] 

!important 比内联优先级高


优先级算法计算


优先级就近原则,同权重情况下样式定义最近者为准


!important>id >class>tag



important比内联优先级高


元素选择符的权值:元素标签(派生选择器):1,class选择符:10,id选择符:100,内联样式权值最大,为1000


!important声明的样式优先级最高,如果冲突再进行计算。

如果优先级相同,则选择最后出现的样式。

继承得到的样式的优先级最低。

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。