志达IT
做快乐程序员

css选择器有哪几种(css选择器的优先级)

css选择器有哪几种

1、元素选择器标签名{}
2、id选择器#id特点值{}
3、类选择器·class特点值{}
4、分组选择器(并集选择器)
效果:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法:
选择器1,选择器2,选择器n{}
5、复合选择器(交集选择器)
效果:选择更准确更精细的方针元素并为其设置特点
语法:
选择器1选择器2选择器n{}
6、通配选择器
效果:用来选中页面中一切的元素
语法:*{}选择器
7、子孙元素选择器
效果:选中指定元素的指定子孙元素
语法:祖先元素子孙元素{}
8、子元素选择器
效果:选中指定父元素的子元素
语法:父元素>子元素
9、伪类选择器
伪类表示元素的一种特别状况
:hover移入时元素的状况
:visited已被访问往后的元素的状况
:active被点击时元素的状况
10、特点选择器
效果:根据元素中的特点或特点值来选取指定元素
语法:
[特点名]选取含有指定特点的元素
[特点名=“特点值”]选取含指定特点值的元素
[特点名^=”特点值”]选取特点值以指定内容开头的元素
[特点名$=”特点值”]选取特点值以指定内容结束的元素
[特点名*=”特点值”]选取特点值包括指定内容的元素
11、兄弟元素选择器
+选择器
效果:选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(效果在后一个)
~选择器
效果:选中后边一切的拟定兄弟元素
语法:前一个~后边一切

css选择器的优先级

关于选择器的优先级:
1.标签选择器、伪元素选择器:1
2.类选择器、伪类选择器、特点选择器:10
3.id选择器:100
4.内联款式:1000选择器
注意事项:
1.!important声明的款式的优先级最高;
2.假如优先级相同,则最后呈现的款式收效;
3.承继得到的款式的优先级最低;
4.通用选择器(*)、子选择器(>)和相邻同胞选择器(+)并不在这四个等级中,所以它们的权值都为0;
5.款式表的来历不一起,优先级次序为:内联款式>内部款式>外部款式>浏览器用户自定义款式>浏览器默认款式。作者:网星软件https://www.bilibili.com/read/cv18124324出处:bilibili

赞(0)
未经允许不得转载:志达IT网站 » css选择器有哪几种(css选择器的优先级)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们