2016 - 2024

感恩一路有你

css选择器有哪几种 标签选择器有哪些?

浏览量:1730 时间:2021-03-13 16:20:48 作者:admin

标签选择器有哪些?

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

2。班级选择器.divclass{ 颜色:红色}/也就是说,CSS样式在类中定义的每个标记

3。ID选择器#mydiv{颜色:红色}/页面中标记的ID

4。后代选择器(类选择器的后代选择器)。类span{颜色:红色}/换言之,多个选择器以逗号格式命名,以查找确切的标签

5。组选择器div,span,img{颜色:红色}即标签组以相同样式显示

CSS选择器,优先级和匹配原则

1。ID选择器(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL)和LT Li)6。后代选择器(Li a)7。通配符选择器(*)8。属性选择器(a[rel=“external”])9。伪类选择器(A:hover,Li:nth child),其中ID选择器效率最高,伪类选择器效率最低。CSS的权重是1。一般选择器的权重为0,0,0,0

2。标记的权重为0,0,0,1

3。类的权重是0,0,1,0

4。属性选择的权重为0,0,1,0

5。伪类选择的权重为0,0,1,0

6。伪对象选择的权重为0,0,0,1

7。ID的权重是0,1,0,0

8。重要性的权重是最高的1,0,0,0。使用规则:选择器的权重加在一起,大的优先;如果权重相同,后一个优先。从上面我们可以得出两个关键因素:1。权重与选择器的类型和数目有关。样式的优先级与样式定义的顺序有关

css选择器有哪几种 标签选择器的正确写法 css类选择器的标签

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。