CSS语言

CSS语言

1.CSS的扩展选择器：

（1）关联选择器：

div p{

       background-color:green;

}

<div><p>css的扩展器</p></div>      //p标签镶嵌在div标签里面，是为关联选择器。

<p>wwwwwwwwwwwwwwwww</p>

（2）组合选择器

div,p{

      background-color:red;               //俩个标签用逗号隔开

}

<div>111111</div>

<p>22222</p>

把div和p标签设置成相同的样式，也就是把不同的标签设置成相同的样式。

(3)伪元素选择器

css里面提供了一些定义好了的样式，可以直接拿过来使用。

******比如超链接

    超链接状态：

     原始                      鼠标放上去的状态                         点击                            点击之后

      link                              hover                                    active                             visited

a:link{

         background-color:red;

}

a:hover{

        background-color:green;

}

a:active{

        background-color:orange;

}

a:visited{

       background-color:blue;

}

<a href="htttp://www.sinal.com.cn"></a>       

***************记忆：lv    ha