CSS之选择器

CSS的选择器

标签选择器

p{font-size:12px;line-height:1.6em;}

类选择器

. stress{color:red;}/类前面要加入一个英文圆点/

ID选择器

setGreen{

color:green;
}

子选择器（表示类对应的子标签的属性）

.food>li{border:1px solid red;}

包含（后代）选择器

.food li{border:1px solid red;}
请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

换言之：>作用于元素的第一代后代，空格作用于元素的所有后代。

通用选择器

*{color:red;}

伪类选择符

a:hover{color:red;}
（鼠标滑过时改变字体的颜色）

分组选择符

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）
h1,span{color:red;}