CSS选择器

CSS选择器：

（1）标签选择器：标签名{}；

（2）ID选择器：#id{}；

（3）类选择器：. 类名{}；

（4）后代选择器：标签1+空格+标签2{}；

（5）子元素选择器：标签1>标签2；

（6）交集选择器：标签1标签2；（中间无符号）

（7）并集选择器：标签1，标签2；

（8）兄弟选择器：1）标签1+标签2；_{（之后相邻一个）}2）标签1~标签2；_{（之后所有）}

（9）通配符选择器：*{}；

（10）序选择器：

　　1.同级别：（不区分类型）

　　　　1) :first-child;    同级别第一个

　　　　2) :last-child;    同级别最后一个

　　　　3) :nth-child(n);    同级别第n个，odd奇数，even偶数

　　　　4) :nth-last-child(n);    同级别倒数第n个

　　　　5) :only-child;    父元素中唯一

　　2.同类型：（区分类型）

　　　　1) :first-of-type;

　　　　2) :last-of-type;

　　　　3) :nth-of-type(n);    _正数

　　　　4) :nth-last-of-type(n);    _倒数

　　　　5) :only-of-type;

（11）属性选择器：

　　(1) [attribute]属性

　　(2) [attribute=value]属性值等于value

　　(3) [attribute*=value]属性值包含value

　　(4) [attribute^=value]属性值开头

　　(5) [attribute$=value]属性值结尾

（12）伪选择器：

　　1.伪类：

　　　　(1) :link;    未访问

　　　　(2) :visited;    已访问

　　　　(3) :hover;    鼠标悬浮

　　　　(4) :active;    被激活

　　　　(5) :focus;    被选中(input)

　　　　注：按1234顺序使用。

　　2.伪元素：

　　　　(1) :before;    在某元素之前

　　　　(2) :after;    在某元素之后

　　　　(3) :first-letter;    首字母

　　　　(4) :first-line;    首行