css的扩展选择器

（1）关联选择器

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

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

* div p{   ---div和p之间必须要有空格
           background-color: green;
          }
css的扩展选择器

（2）组合选择器

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

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

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

css的扩展选择器

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

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

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

:link :hover :active :visited

** 记忆的方法
l h a v

css的扩展选择器