這篇文章主要介紹了HTML中怎么應(yīng)用后代選擇器的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML中怎么應(yīng)用后代選擇器文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

創(chuàng)新互聯(lián)建站專注于鐘祥網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供鐘祥營(yíng)銷型網(wǎng)站建設(shè)，鐘祥網(wǎng)站制作、鐘祥網(wǎng)頁(yè)設(shè)計(jì)、鐘祥網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造鐘祥網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鐘祥網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

后代選擇器的功能極其強(qiáng)大。有了它，可以使 HTML 中不可能實(shí)現(xiàn)的任務(wù)成為可能。

假設(shè)有一個(gè)文檔，其中有一個(gè)邊欄，還有一個(gè)主區(qū)。邊欄的背景為藍(lán)色，主區(qū)的背景為白色，這兩個(gè)區(qū)都包含鏈接列表。不能把所有鏈接都設(shè)置為藍(lán)色，因?yàn)檫@樣一來(lái)邊欄中的藍(lán)色鏈接都無(wú)法看到。

解決方法是使用后代選擇器。在這種情況下，可以為包含邊欄的 div 指定值為 sidebar 的 class 屬性，并把主區(qū)的 class 屬性值設(shè)置為 maincontent。然后編寫以下樣式：

div.sidebar {background:blue;}
div.maincontent {background:white;}
div.sidebar a:link {color:white;}
div.maincontent a:link {color:blue;}

有關(guān)后代選擇器有一個(gè)易被忽視的方面，即兩個(gè)元素之間的層次間隔可以是無(wú)限的。

例如，如果寫作 ul em，這個(gè)語(yǔ)法就會(huì)選擇從 ul 元素繼承的所有 em 元素，而不論 em 的嵌套層次多深。

因此，ul em 將會(huì)選擇以下標(biāo)記中的所有 em 元素：

  
List item 1
    

      
List item 1-1
      
List item 1-2
      
List item 1-3
        

          
List item 1-3-1
          
List item 1-3-2
          
List item 1-3-3
        
      
      
List item 1-4
    
  
  
List item 2
  
List item 3

關(guān)于“HTML中怎么應(yīng)用后代選擇器”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“HTML中怎么應(yīng)用后代選擇器”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。