如何訪問：元素之前？

Question

我有以下SASS代碼

a.unfavorite{ 
    width: 20px; 
    background-position: -71px -28px; 
    text-decoration: none !important; 
    &:before { 
    content: "un-favorite"; 
    background: #000; 
    color: #fff; 
    } 
} 

jQuery中，我希望能夠訪問:before元件，以便修改。

我試過做這樣的事情$('.unfavorite:before')但沒有結果。我做錯了嗎？

Answer 1

CSS僞元素在技術上並不是DOM的一部分，因此無法使用JavaScript進行訪問。

你可以做的是爲第二個類添加樣式（在第一個類之後的任何地方），並使用JavaScript/jQuery添加/刪除該類。

CSS：

a.unfavorite2:before { 
    content: "un-favorite2"; 
} 

的jQuery：

$(this).toggleClass('unfavorite2'); 

http://jsfiddle.net/mblase75/nvqKs/