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>tagimportant比内联优先级高元素选择符的权值:元素标签(派生选择器):1,class选择符:10,id选择符:100,内联样式权值最大,为1000!important声明的样式优先级最高,如果冲突再进行计算。如果优先级相同,则选择最后出现的样式。继承得到的样式的优先级最低。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。