CSS选择器有哪些？CSS选择器优先级怎么排序？

您所在的位置：网站首页 › web选择器优先级 › CSS选择器有哪些？CSS选择器优先级怎么排序？

CSS选择器有哪些？CSS选择器优先级怎么排序？

#CSS选择器有哪些？CSS选择器优先级怎么排序？| 来源: 网络整理| 查看: 265

一、 CSS选择器分类

CSS选择器如下：

CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。

用法如下：

id选择器： #id名 { 属性名:属性值; } class选择器：.class名 { 属性名:属性值; } 标签选择器：标签名 { 属性名:属性值; }

其中，他们之间又可以以不同的方式进行组合，如下：

后代选择器: 父代名后代名 { 属性名:属性值; } 子代选择器:父代名>子代名 { 属性名:属性值; } 群组选择器: #name1, .name2, #name div { 属性名:属性值; } 伪类选择器: name:伪类通用(通配符)选择器:* { 属性名: 属性值; } ……

常用的也就这些。

完整CSS选择器参考手册

二、CSS选择器优先级

最高优先级是 (直接在标签中的设置样式，假设级别为1000) 次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;} 其次优先级是（类选择器，假设级别为10）.divClass{color:Red;} 最后优先级是（标签选择器，假设级别是 1） div{color:Red;} 那么后代选择器的优先级就可以计算了啊

比如

.divClass span { color:Red;} 优先级别就是：10+1=11

【本文地址】

CSS选择器有哪些？CSS选择器优先级怎么排序？

CSS选择器有哪些？CSS选择器优先级怎么排序？

今日新闻

推荐新闻