(1)关联选择器
<div><p>aaaaaaaaaaaa</p></div>
* 设置div标签里面p标签的样式,嵌套标签里面的样式
div p{ background-color:blue; }
(2) 组合选择器
<div>aaaaaaaaaaaa</div>
<p>bbbbbbbbb</p>
* 把div和p标签设置成相同的样式,把不同的标签设置成为相同的样式
div,p{ background-color:blue; }
(3)伪元素选择器(了解)
* css里面提供了一些定义好的样式,可以拿过来使用
* 比如超链接
** 超链接的状态
原始状态 鼠标放上去的状态 点击 点击之后
:link :hover :active :visited
*** 记忆的方法
lv ha
<html> <head> <title>World</title> <style type="text/css"> /* 原始状态 */ a:link { background-color:blue; } /* 鼠标悬停状态 */ a:hover { background-color:green; } /* 点击状态 */ a:active { background-color:orange; } /* 点击之后的状态 */ a:visited { background-color:gray; } </style> </head> <body> <a href="https://www.cnblogs.com/ibabyli/" target="_blank">个人首页</a> </body> </html>