您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“HTML后代選擇器的功能怎么用”,內容詳細,步驟清晰,細節處理妥當,希望這篇“HTML后代選擇器的功能怎么用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
后嗣決意器的苦守極度強大。有了它,可以使 HTML 中不成能實現的工作成為可能。
如果有一個文檔,此中有一個邊欄,尚有一個主區。邊欄的后盾為藍色,主區的后援為白色,這兩個區都網羅鏈接列表。不克不及把全部鏈接都配置為藍色,由于這樣一來邊欄中的藍色鏈接都沒法看到。
籌算方法是使用長輩決定器。在這種狀況下,可認為包括邊欄的 div 指定值為 sidebar 的 class 屬性,并把主區的 class 屬性值設置為 maincontent。接下來編寫下列樣式:
div.sidebar {background:blue;} div.maincontent {bac公斤round:white;} div.sidebar a:link {color:white;} div.maincontent a:link {color:blue;}
無關先輩選擇器有一個易被忽視的方面,即兩個元素之間的檔次隔絕距離可以是無窮的。
好比,如果寫作 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后代選擇器的功能怎么用”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。