开发者社区> 问答> 正文

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

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

展开
收起
茶什i 2019-11-18 17:23:13 1110 0
1 条回答
写回答
取消 提交回答
  • 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声明的样式优先级最高,如果冲突再进行计算。如果优先级相同,则选择最后出现的样式。继承得到的样式的优先级最低。

    2019-11-18 17:26:47
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
数据+算法定义新世界 立即下载
袋鼠云基于实时计算的反黄牛算法 立即下载
Alink:基于Apache Flink的算法平台 立即下载