CSS pseudo-kod nie jest rozpoznawany przez jQuery

css:

h1 { 
    background: red; 
    width: 100px; 
    display: inline-block; 
} 

h1:after { 
    content:" | "; 
    background:blue; 
    display: inline-block; 
}

następnie w jQuery zrobić:

console.log($('h1').css('backgroundColor'));

to pokazuje:

rgb(255, 0, 0)

ale kiedy zrobić:

console.log($('h1:after').css('backgroundColor'));

to pokazuje:

undefined

Źródło

2012-02-14 rcs20

nie jestem oczywiście że możesz. Zobacz ten link: http://stackoverflow.com/questions/2651739/how-to-access-css-generated-content-with-javascript Mówiąc, korzystasz z jQuery. Jeśli już używasz jQuery, po co zawracać sobie głowę CSS: po? Po prostu wstaw zawartość za pomocą jQuery. –

Ponieważ pseudo kod już tam jest i muszę zmienić kolor tła i inne właściwości. – rcs20

To jest moja uwaga. Jeśli użyjesz jQuery do wstawienia treści, możesz zmienić wszystkie style, zanim je wstawisz. –

nie można wybrać css pseudo-elementy, ponieważ w rzeczywistości nie istnieje w DOM

Źródło

2012-02-14 17:03:25

CSS pseudo-kod nie jest rozpoznawany przez jQuery

Odpowiedz

Powiązane problemy