액세스 방법 : before element?

Question

나는 내가 그것을 수정하도록 :before 요소에 액세스 할 수 있도록하려면, JQuery와에 다음과 같은 SASS 코드

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

있습니다.

나는 $('.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/