2016 - 2024

感恩一路有你

web前端开发是干嘛的 css样式中有什么标签选择器?

浏览量:2485 时间:2021-03-11 13:45:48 作者:admin

css样式中有什么标签选择器?

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

1。ID选择器(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL< 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。important的权重是最高的1,0,0,0使用规则:将selector的权重加在一起,较大的优先;如果权重相同,则后一个优先。从上面我们可以得出两个关键因素:1。权重与选择器的类型和数量有关。2样式的优先级与样式定义的顺序有关

例如,有许多段落P。如果您想选择其中一个段落,可以在该段落中添加类名,例如PPP。你可以这样做{颜色:红色}事实上,你只能选择使用。PPP,但是把标签和类名一起使用比较准确,希望采用

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

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

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

4。后代选择器(类选择器的后代选择器)。类span{颜色:红色}/也就是说,多个选择器以逗号格式命名,以找到精确的标签

5。组选择器div,span,img{颜色:红色}例如,如果class type class=“NAV”,那么CSS对应于。例如,body input直接对应于body{}input{}d id selector id=“name”,然后CSS对应于#name{}

web前端开发是干嘛的 学生个人网页制作html css五大选择器

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