关于CSS选择器优先级,目前国内已有很多人进行过解释,但感觉不如人意,特别对于初学者,更是难以理解。这里我把W3C上所描述的规范以我的理解再解释一下,希望能给大家提供到帮助。 在Calculating a selector’s specificity上的原文摘选如下: A selector’s specificity is calculated as follows: count 1 if the declaration is from is a ’style’ attribute rather than a rule with a sel...[ 查看全文 ]
详解CSS优先级的读法,CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。 对优先级的读法,应该是以“组”来分,这个组之间相互独立,从左到右进行对比。它们成组出现,以逗号分隔。 selector( a , b , c , d ) compare: ↑ , ↑ , ↑ , ↑ selector( a , b , c , d ) 正如w3c.or...[ 查看全文 ]
可以看出直接重定义标签样式的有效性是最低的, 其次是用"."定义的伪类, 再次是用重定义标签加伪类的方式(类似于H2.myclass{color:blue}的写法),级别最高的就是用id定义的CSS样式-- HTML HEAD STYLE H1{color:red; } .myclass{color:green} H2.myclass{color:blue} #myid{color:brown} /STYLE /HEAD BODY H1这是红色的一号标题。/H1 P class="myclass"使用了"myclass"伪类的P标签中的正文是绿色的...[ 查看全文 ]