>通用選擇器匹配任何元素類型。如果它不是簡單選擇器的唯一組成部分,則可以暗示(因此省略)。此處顯示的兩個選擇器示例是等效的:
*.warning { ⋮ <span>declarations </span>} .warning { ⋮ <span>declarations </span>}
>重要的是不要將通用選擇器與通配符的角色混淆 - 通用選擇器與“零或更多元素”不匹配。考慮以下HTML片段:
<body> <div> <h1>The <em>Universal</em> Selector</h1> <p>We must <em>emphasize</em> the following:</p> <ul> <li>It's <em>not</em> a wildcard.</li> <li>It matches elements regardless of <em>type</em>.</li> </ul> This is an <em>immediate</em> child of the division. </div> </body>
選擇器div * em將匹配以下em元素:
)
)
在CSS
中經常詢問有關通用選擇器的問題> CSS中的通用選擇器由星號(*)表示,並且與文檔中的任何元素匹配。這不同於其他選擇器,例如類選擇器,ID選擇器或僅根據其類,ID或元素類型匹配特定元素的元素選擇器。通用選擇器是一種功能強大的工具,但應謹慎使用,因為如果不仔細使用,它可能會導致意外結果。
* { margin: 0; padding: 0; }
>通用選擇器的特異性是什麼?
>通用選擇器在CSS中的特異性最低。這意味著,如果存在衝突的樣式,則通用選擇器所定義的樣式將被其他選擇器定義的樣式所覆蓋。>
>通用選擇器如何與CSS中的繼承相互作用?
通用選擇器可以覆蓋繼承的樣式。但是,由於它具有最低的特異性,因此可以被其他選擇器覆蓋。
>
>使用Universal Selector嗎?>
>在所有現代瀏覽器中都支持通用選擇器,包括Chrome,Firefox,Safari和Edge。但是,實施方式可能會有一些差異,因此在多個瀏覽器中測試您的CSS總是一個好主意。以上是通用選擇器(CSS選擇器)的詳細內容。更多資訊請關注PHP中文網其他相關文章!