DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery如何改變css偽元素樣式
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>");

也是千辛萬苦找了好久才找到,因為偽元素沒有id,也沒法給他加id,所以一頭霧水,最後在網上看到這個方法,真的很妙,只要在元素前加一個html的style標簽,看完真的有一種茅塞頓開的感覺!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved