您可以使用通用選擇器將樣式套用至偽元素嗎？

通用選擇器與偽元素

通用選擇器() 不會直接影響偽元素(:before, :after )因為它們不是實際的元素。像 這樣的簡單選擇器只針對元素，而偽元素是 DOM 中的單獨實體。

要將樣式套用於偽元素，必須在選擇器中包含對應的偽元素。因此，:before、:after 是影響這些偽元素所必需的。

使用 * { box-sizing: border-box;單獨使用不會影響偽元素，因為框大小通常不會被繼承。相反，偽元素將保留其 content-box 的預設值。

在某些情況下，偽元素可能會出現在選擇器鏈中的通用選擇器旁邊（例如，*、:before、:after）。但是，如果通用選擇器不是鏈中唯一的元件，則可以省略。

雖然偽元素預設內聯顯示，但內聯時框大小不會影響它們。

當使用單冒號表示法（:before、:after）將樣式套用於偽元素時，請務必記住 IE8 不支援雙冒號表示法（::before、::after）。

最後，即使 :before、:after 將樣式套用到所有偽元素，它們也不會在套用 content 屬性之前產生。

以上是您可以使用通用選擇器將樣式套用至偽元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！