CSS选择器

选择器是CSS的核心

1.选择器

(1).标记选择器(常用)

p{color:#000;}

调用：

<p>abc</p>

(2).类选择器

.red{color:#FFF;}

调用：

<p class="red">abc</p>

(3).id选择器(id属性的值在页面中是唯一的)

#red{color:#FFF;}

调用：

<p id="red">abc</p>

(4).通配符选择器

*{color:#FFF};

调用：

<p>abc</p>

(5).后代选择器

例如要改变div标记下p标记的字体颜色

div p{color:#FFF};

<div>

<p>abc</p>

</div>

(6).鼠标经过

a:hover{color:#FFF};(鼠标经过时字体颜色变成白色)

<a href="#">abc</a>

2.选择器的优先级

规则：就近原则

例如：标记选择器优先于通配符选择器，后代选择器优先与标记选择器，类选择器优先与后代选择器，id选择器优先与类选择器。

3.样式的层叠性

*{color:#000};

#red{color:#F00;}

<p id="red">abc</p>

通配符选择器和id选择器都设置的字体颜色，但是id选择器的优先级比通配符选择器高，所以字体颜色就变成F00(红色)。