首页 > Web开发 > 详细

CSS 选择器及优先级

时间:2020-08-17 22:16:06      阅读:67      评论:0      收藏:0      [点我收藏+]

CSS 选择器及优先级

1.根据权值计算

        div .class1 #people的权值等于1+10+100=111


  .class2 li #age的权值等于10+1+100=111

 

2.权值相同,那么以后定义的为准

 

3.一般在类选择器、属性选择器、伪类选择器优先级比较容易出错。

 

 

技术分享图片

 

 

 

css3选择器主要有:基本选择器 , 层次选择器,  伪类选择器 ,  伪元素选择器 , 属性选择器

基本选择器

技术分享图片

 层次选择器

技术分享图片

 

伪类选择器分为 动态伪类选择器, 目标伪类选择器, 语言伪类选择器, UI元素状态伪类选择器,结构伪类选择器,否定伪类选择器

 

技术分享图片

 

伪元素选择器

技术分享图片

 

属性选择器

技术分享图片

 

CSS 选择器及优先级

原文:https://www.cnblogs.com/caoshouling/p/13519127.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!