标签选择器：使用标签

h1{color: red;}

类选择器：使用.

.class{color: red;}

ID选择器：使用#

#id{color: red;}

通用择器：使用*

*{color: red;}

分组选择器：，号隔开

h2, h3{color: blue;}

结合元素选择器：标签.类

p.divid{color: cyan;}

多类选择器：.类1.类2

.c1.c2{font-family: monospace;}

属性选择器:使用[ ]

[title]{color: darkseagreen;}
[title="t"]{color: deeppink;}

后代选择器:空格隔开

p  i{color: slateblue;}

子元素选择器：使用>隔开

p>strong>i{color: springgreen;}

伪类选择器

selector:鼠标行为{ color:red; }  备注：冒号后面不能有空格
有四种（需要这四个效果书写，否则可能不能实现部分效果）：
:link 点击前 a:link{ }
:visited点击后 a:visited{ }
:hover悬停--->a标签以外，只能实现 hover和active的效果 a:hover{ },div:hover{}
:active点击时--->a标签以外，只能实现 hover和active的效果 a:active{ },div:active{}