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;}