HTML后代選擇器的功能怎么用

本文小編為大家詳細介紹“HTML后代選擇器的功能怎么用”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“HTML后代選擇器的功能怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

后嗣決意器的苦守極度強大。有了它，可以使 HTML 中不成能實現(xiàn)的工作成為可能。

如果有一個文檔，此中有一個邊欄，尚有一個主區(qū)。邊欄的后盾為藍色，主區(qū)的后援為白色，這兩個區(qū)都網(wǎng)羅鏈接列表。不克不及把全部鏈接都配置為藍色，由于這樣一來邊欄中的藍色鏈接都沒法看到。

籌算方法是使用長輩決定器。在這種狀況下，可認為包括邊欄的 div 指定值為 sidebar 的 class 屬性，并把主區(qū)的 class 屬性值設(shè)置為 maincontent。接下來編寫下列樣式：

div.sidebar {background:blue;}
div.maincontent {bac公斤round:white;}
div.sidebar a:link {color:white;}
div.maincontent a:link {color:blue;}

無關(guān)先輩選擇器有一個易被忽視的方面，即兩個元素之間的檔次隔絕距離可以是無窮的。

好比，如果寫作 ul em，這個語法就會選擇從 ul 元素承襲的全部 em 元素，而不論 em 的嵌套條理多深。

因而，ul em 將會決議以下標志中的全體 em 元素：

<ul>
  <li>List item 1
    <ol>
      <li>List item 1-1</li>
      <li>List item 1-2</li>
      <li>List item 1-3
        <ol>
          <li>List item 1-3-1</li>
          <li>List item <em>1-3-2</em></li>
          <li>List item 1-3-3</li>
        </ol>
      </li>
      <li>List item 1-4</li>
    </ol>
  </li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>

讀到這里，這篇“HTML后代選擇器的功能怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。