伪元素修改样式

发表于 分类于 阅读次数： 阅读次数： Changyan： 本文字数： 416 阅读时长 ≈ 1 分钟
请添加个描述...

方案一

通过增加 style 标签以重新定义伪元素，实现对伪元素样式的覆盖，方法为：

1
$(".content").append("<style>.content::before{display:none}</style>");

但这种方案有个问题，因为对原来的样式进行了覆盖，所以会对所有该类的标签产生影响。

方案二

更优的方案是通过增加新的 CSS 类来对伪元素的某些样式进行修改，方法如下：

1）定义新的 CSS 类。
例如增加新的 CSS 类：

1
2
3
.change::before {
    background: red;
}

2）添加新类以修改伪元素样式。

在 JQuery 中使用 id 选择器和 css 选择器，再使用 addClass() 进行添加修改，示例如下：

1
$("#content1").addClass("change");