Изменить свойство Pseudo через JQuery?

У меня есть таблица стилей:Изменить свойство Pseudo через JQuery?

#progress 
{ 
    width:100px; 
    height:8px; 
    background-color:#CCCCCC; 
    position:relative; 
} 
#progress:before 
{ 
    content:""; 
    position:absolute; 
    left:0; 
    background-color:#0066CC; 
    width:50px; 
    height:8px; 
}

HTML содержание

<div id="progress">

Я хочу, чтобы изменить свойство width:50px из #progress: прежде, чем на JQuery

$('#progress:before').css('width',60);

, но он не работает , Может кто-нибудь мне помочь. Я плохо разбираюсь в английском, спасибо!

источник

2013-06-03 phibao37

Вы хотите изменить css для предыдущего элемента div # progress. правильно? –

@ChetanBhopal, нет, он хочет изменить CSS псевдоэлемента, созданного с помощью CSS ': before' и' content: '' ', и этого, конечно, не может быть сделано. –

Псевдоэлементы сами по себе не являются частью DOM, и поэтому вы не можете напрямую их выбирать и манипулировать с помощью jQuery (или любых API-интерфейсов JavaScript, даже не API Selectors). вещи, которые вы делаете, невозможны :)

источник

2013-06-03 11:33:17

Псевдо-селектор изменяет, а не выбирает. Созданный контент является чисто презентационным и не вводится в DOM. Таким образом, вы не можете делать то, что хотите сделать с jQuery.

Более подробный ответ см. В разделе How do I access style properties of pseudo-elements with jQuery?.

источник

2013-06-03 11:35:45

Изменить свойство Pseudo через JQuery?

ответ

Смежные вопросы