如何使用 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中文网其他相关文章！