css的扩展选择器

css的扩展选择器

（1）关联选择器

* <div><p>wwwwwwww</p></div>

* 设置div标签里面p标签的样式，嵌套标签里面的样式

* div p{     ---div和p之间必须要有空格
            background-color: green;
          }

（2）组合选择器

* <div>1111</div>
  <p>22222</p>

* 把div和p标签设置成相同的样式，把不同的标签设置成相同的样式

* div,p {
    background-color: orange;
}

（3）伪元素选择器(了解，浏览器的兼容性比较差)--实际开发中一般不用这个，而是用JQuery做一些效果

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

* 比如超链接
    ** 超链接的状态
     原始状态   鼠标放上去状态    点击          点击之后

     :link      :hover            :active       :visited

     ** 记忆的方法
        l h a v