css选择器(css Selectors)的语法分析

css选择器分为以下几类:

1.元素选择符 Element Selectors

2.关系选择符 Relationship Selectors

3.属性选择符 Attribute Selectors

4.伪类选择符 Pseudo-Classes Selectors

5.伪对象选择符 Pseudo-Element Selectors

 

---

 

完整的css选择器语法格式:

s1=tag_name*(id|class|Pseudo-Classes|[tag_attr]|[tag_attr=value]|other Attribute Selectors)*

s2=....同s1

s3=...同s1

&=Relationship Selectors;(如: > ,+ ,空格)

css_selectors=s1& s2 & s3 & s4 ::Pseudo-Element*

 

---

 

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高