4-12 通用兄弟選擇器

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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    Jackson_yee_閱讀 516評(píng)論 0 0
  • 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然后設(shè)置屬性格式...
    e919b03f06c2閱讀 297評(píng)論 0 0
  • 標(biāo)簽選擇器 什么是標(biāo)簽選擇器?作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然后設(shè)置屬性 格式...
    muyang_js的簡(jiǎn)書閱讀 521評(píng)論 0 0
  • 如果使用 idea + thymeleaf 的時(shí)候,直接在模板中使用 Model 中定義的變量, 會(huì)出現(xiàn)變量未定義...
    湛青閱讀 3,659評(píng)論 0 1
  • @author ASCE1885的 Github 簡(jiǎn)書 微博 CSDN本文由于潛在的商業(yè)目的,不開放全文轉(zhuǎn)載許可...
    asce1885閱讀 11,112評(píng)論 3 19