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

posted @ 2017-02-25 09:53  scnu_lyp  阅读(122)  评论(0编辑  收藏  举报