css三种选择器的优先级 id跟class两个标签哪个优先级高?
id跟class两个标签哪个优先级高?CSS样式选择器分为a、B、C、D四个级别,根据这些级别可以确定CSS选择器的优先级。1如果样式是内嵌样式(由style=“”定义),则a=12。B是ID选择器的
id跟class两个标签哪个优先级高?
CSS样式选择器分为a、B、C、D四个级别,根据这些级别可以确定CSS选择器的优先级。1如果样式是内嵌样式(由style=“”定义),则a=12。B是ID选择器的总数,3。C是类选择器的数目。4D是类型选择器5的数目。属性选择器,伪类选择器与类选择器具有相同的优先级,伪元素选择器与类型选择器具有相同的优先级6。!重要的有最高的重量,高于内联风格
1。标签名选择器div{color:Red}/即页面中每个标签名的CSS样式
2。班级选择器.divclass{ 颜色:红色}/即定义的每个标签的类中的CSS样式
3。ID选择器#mydiv{颜色:红色}/页面中标记的ID
4。后代选择器(类选择器的后代选择器)。类span{颜色:红色}/也就是说,多个选择器以逗号格式命名,以找到精确的标签
5。组选择器div,span,img{颜色:红色}/也就是说,标签组以相同的样式显示
CSS selector,priority and matching principle
1。ID选择器(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL< Li)6。后代选择器(LI)a)7。通配符选择器(*)8。属性选择器(a[rel=“external”])9。伪类选择器(A:Hoover,Li:nth child),其中ID选择器的效率最高,而伪类选择器的效率最低。CSS权重1。常规选择器权重0,0,0
2。标记权重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。权重与选择器的类型和数目有关。样式的优先级与样式定义的顺序有关