如何使用 jQuery 修改 CSS':after”選擇器？

利用jQuery 修改「:after」選擇器

使用jQuery 存取「:after」CSS 選擇器可能會帶來一定的挑戰，因為「:after」元素存在於DOM 之外，並且不能直接存取。但是，有一些解決方法可以實現所需的修改。

自訂 CSS 類別：

一種方法是建立一個帶有自訂「:after」元素的新類，該類別優先於原件。例如：

.pageMenu .active.changed:after {
    border-top-width: 22px;
    border-left-width: 22px;
    border-right-width: 22px;
}

jQuery 操作：

接下來，使用jQuery 切換目標元素上的自訂類別：

$('.pageMenu .active').toggleClass('changed');

偽元素操作：

或者，探索「使用jQuery 操作 CSS 偽元素（例如 :before 和 :after）”，以了解讀取或覆蓋偽元素的其他技術。

以上是如何使用 jQuery 修改 CSS':after”選擇器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！