2016 - 2024

感恩一路有你

css优先级高低排列 css有哪几种选择符以及css优先级规则?

浏览量:1745 时间:2021-03-10 14:49:44 作者:admin

css有哪几种选择符以及css优先级规则?

更多哟,告诉你几个比较常见的吧:1、最高优先级是内部选择器,写在标签里面,比如<div style=“颜色:红色“></div>,此处color=red写入标记内部,因此最高优先级为2,后跟ID选择器,例如<div ID=”D1“></div><style。”>;D1{颜色:红色}</style>,其中#D1是ID选择器,用#表示,标记内是ID属性,style是开始。三。类选择器,例如<div Class=“C1”></div><style>。C1{颜色:红色}</style>,其中。C1是类选择器,用表示。标签中是class属性,样式是First 4。标记选择器使用不常用的标记名作为选择器,例如:<div><div><P><P>样式对应于:div{font}-尺寸:14px}p{字体-尺寸:20px}许多选择器可以从标记选择器、类选择器和ID选择器扩展而来。你可以查询W3C哟

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。权重与选择器的类型和数目有关。样式的优先级与样式定义的顺序有关

css优先级高低排列 css三种样式及优先级 css选择器的优先级顺序

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