jQuery教程改变css伪元素样式详解-职坐标

jQuery教程改变css伪元素样式详解

沉沙 2018-08-15 来源：阅读 2131 评论 0

摘要：本篇教程介绍了jQuery教程改变css伪元素样式详解，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

本篇教程介绍了jQuery教程改变css伪元素样式详解，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

   首先我们看一下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>");