选择器是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(红色)。