兄弟元素选择器
语法
“前一个”~“后一个”
<style "type:text/css">
span~p{
/*为span后面所有的p设置样式*/
background: black;
}
</style>
“前一个”+“后一个”
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style "type:text/css">
span+p{
/*为span后面紧挨着的p设置样式*/
background: black;
}
/*可以用 前一个+后一个 的语法来设置其紧挨着的指定元素的样式
紧挨着的必须是+号后面指定的 不然这个对谁都没用
*/
</style>
</head>
<body>
<p>跌</p>
<p>跌</p>
<p>跌</p>
<span>鸽</span>
<p>跌</p>
<p>跌</p>
</body>
</html>