选择符

一、选择符组

html标签{property : values}

 

二、类选择

1、相对类选择符

同标记不同类

<p class="a">  <p class="b">

p.a{} p.b{}

 

2、绝对类选择符

相同类不同标签

<h1 class="u">  <p class="u">

 

三、ＩＤ选择符

ｉｄ唯一

<p id="u">

#u{}

 

四、包含选择符

对元素1中的元素2进行定义

table a {}

 

五、伪类----动态链接

select:pseudo-class{property : value}

1、锚的伪类

 

a:link{color:#ff0000; text-decoration:none} 未访问链接

a:visited{color:#00ff00; text-decoration:none} 已访问的链接

a:hover{color:#ff0000; text-decoration:underline} 鼠标在链接上

a:active{color:#ff0000; text-decoration:underline} 激活链接

 

优先级：link > visited > hover> active

 

2、伪类与类选择组合

定义多组伪类

<a class="red">第一组

<a class="blue">第二组

a.red.link{}...

a.blue.link{}...

 

3.定义首字和首行的伪类

p.first-letter{}

p.first-line{}

 

六、样式表层叠优先级

由于样式表的继承性，所以注意优先级

id选择 >  类选择 > html选择

可用!important提升权限。

p{!important}