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標簽，看完真的有一種茅塞頓開的感覺！