注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 网页设计 >> DIV+CSS >> css选择器有哪些?各种选择器优先级总结
热门:word | excel | powerpoint

css选择器有哪些?各种选择器优先级总结

2020/1/25 15:00:51 所属分类:网页设计 - DIV+CSS
内容提要:css选择器有哪些?各种选择器优先级总结,CSS选择器如下:1. 标签名选择器 div { color:Red;} /即页面中的各个标签名的css样式,2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式

  CSS选择器如下:

  1. 标签名选择器 div { color:Red;} /即页面中的各个标签名的css样式

  2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式

  3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id

  4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签。

  5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示

  选择器的优先级

  1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>

  2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}

  3.其次优先级是(类选择器,假设级别为10) .divClass{color:Red;}

  4.最后优先级是 (标签选择器,假设级别是 1) div{color:Red;}

  5.那么后代选择器的优先级就可以计算了啊

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

网页设计 | DIV+CSS
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息