CSS选择器（CSS终极指南阅读回顾）

Posted 2020-07-11 郭逊

CSS选择器语法

CSS样式表有选择器和生命块组成。声明块有属性名、属性值、中间有冒号分开，后面分号结尾。

选择器组操作

　　可以把几个选择器组合到一块，来快速选取操作的元素。例如，h1,h2,h3,h4,h5,h6{color:red;}

　　*通配符选择器，选择所有的元素。

标签选择器

类选择器

　　由点号加名字组成。需要html标签添加class属性。

　　类可以结合标签选择器使用：p.class1。

　　两个类可以.class1.class2的方式使用,选择class＝"class1 class2"。

　

ID选择器

　　#加名字。

　　有限制，一个元素只能有一个ID。

　　ID选择器的权重比类的大。

属性选择器

　　Class，ID选择器是属性选择器的一种特例。

　　[attribute]

　　[attribute="value"]

　　[attribute~="value"]

　　[attribute^="value"]

　　[attribute$="value"]

　　[attribute*="value"]

　　[attribute|="value"]

后代选择器

　　h span

　　h>span

　　h+p

伪类

　　元素的某种状态

　　a链接的状态 link，visitied

　　所有元素的动态伪类：active，focus，hover

　　静态伪类:first-children

伪元素

　　产生了虚拟元素

　　:first-letter

　　:first-line

　　:after,:before