首页 > 代码库 > jQuery如何改变css伪元素样式
jQuery如何改变css伪元素样式
首先我们看一下css伪元素是什么：
CSS 伪元素用于向某些选择器设置特殊效果。
伪元素有哪些：
:first-line 伪元素："first-line" 伪元素用于向文本的首行设置特殊样式。
:first-letter 伪元素："first-letter" 伪元素用于向文本的首字母设置特殊样式。
:before 伪元素：":before" 伪元素可以在元素的内容前面插入新内容。
:after 伪元素：":after" 伪元素可以在元素的内容之后插入新内容。
伪元素例子：
.flow_ball1:after { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 100%; margin-left: 0.133333rem; width: 1.786667rem; height: 2px; background-color: #ff6600; border-radius: 0.053333rem; }
在名为flow_ball1的class标签后面添加一道橘色横线（类似于流程图那种）
那么，问题来了，怎么用jquery改变伪元素的样式呢？
答案在这里：
$(‘.flow_ball1‘).append("<style>#fafang::after{display:none}</style>");也是千辛万苦找了好久才找到，因为伪元素没有id，也没法给他加id，所以一头雾水，最后在网上看到这个方法，真的很妙，只要在元素前加一个html的style标签，看完真的有一种茅塞顿开的感觉！
jQuery如何改变css伪元素样式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。