常用选择器

标签选择器:在样式表中使用元素标签,比如div,权重1分。

类选择器:设置元素的class属性,在样式表中以英文句号.开头,权重10分。

ID选择器:设置元素的id属性,在样式表中以#号开头,权重100分。

行内样式:比如<div style="color: red"></div>,权重1000分。

伪类选择器:加载选择器后用来指定元素状态的关键字。

特指度相同时后一个出现的样式覆盖前面的样式。在样式后使用!import会忽略特指度。

基于关系的选择器

A E:选择A的任一后代元素E。

A > E:选择元素A的直接子代元素(直系)。

E:first-child:选择任意一个是其父元素的第一个子元素的节点。

B + E:元素B的下一个兄弟元素E。

B ~ E:B元素后面拥有共同父元素的兄弟元素E,所有匹配的元素E,这是一个波浪号。

*:匹配任意元素。

~ *:a ~ *选择a标签之后的所有元素。