话题 首页 > CSS3 教程 > CSS3 教程话题列表 > 详情

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

精华
2016-11-14 03:17:17 浏览(14110) 回复(4) 赞(0)
如题 在CSS有哪些选择器?CSS选择器优先级顺序是什么?
css css3

回答(4)

奥斯卡-马丁 精华 2016-11-14

一、 CSS选择器分类


CSS选择器如下:

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

用法如下:

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

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

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

常用的也就这些。

完整CSS选择器参考手册

二、CSS选择器优先级


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

比如

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

一笔荒芜 2018-05-31

有同样等问题咋解决,只能慢慢等大神啦.留名留名。。

1144100656 2018-05-31

刚学习程序,过来学习学习!!!!...

1152696398 2018-05-31

有问题找度娘,大佬太少,问题不好解决!!!!!

要回复,请先登录 或者注册