1、作用: 給指定選擇器后面的所有選擇器選中的所有標(biāo)簽設(shè)置屬性
2、連接符:~
3、格式:
選擇器1~選擇器2{
屬性:值;
}
4、注意點(diǎn):
通用兄弟選擇器必須用~連接
通用兄弟選擇器選中的是指定選擇器后面某個(gè)選擇器選中的所有標(biāo)簽, 無(wú)論有沒(méi)有被隔開都可以選中
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.choose~li{
color: red;
}
ul~p{
color: red;
}
</style>
</head>
<body>
<p>我是一個(gè)段落</p>
<p>我是一個(gè)段落</p>
<ul>
<li class="choose">我是一個(gè)li</li>
<li>我是一個(gè)li 變成紅色 </li>
<li>我是一個(gè)li</li>
<li>我是一個(gè)li</li>
<li>我是一個(gè)li</li>
<li>我是一個(gè)li</li>
</ul>
<p>我是一個(gè)段落</p>
<p>我是一個(gè)段落</p>
<h1>我是一個(gè)標(biāo)題</h1>
<p>我是一個(gè)段落</p>
<h1>我是一個(gè)標(biāo)題</h1>
<p>我是一個(gè)段落</p>
<p>我是一個(gè)段落</p>
<h1>我是一個(gè)標(biāo)題</h1>
<p>我是一個(gè)段落</p>
<h1>我是一個(gè)標(biāo)題</h1>
</body>
圖片.png