CSS选择器(CSS终极指南阅读回顾)
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