Jquery: до и Css

Question

У меня есть div. В моем CSS я добавил ": before" к этому div для создания другого цветового блока над ним.

В jquery я хочу изменить цвет при наведении курсора, но только для блока "div:before", но он не работает.

Как я могу решить мою проблему?

Thks

МОЯ JS FIDDLE ПРОБЛЕМА

Мой CSS:

div {
    background:cyan;
    width:200px;
    height:300px;
}

div.color:before {
    content:'Color me !';
    background:orange;
    width:100px;
    height:100px;
    display:inline-block;
    position:absolute;
}

Мой JQuery:

$('div').addClass('color');

$("div").toggleClass("color").mouseover(function() {  
    $(this).stop().css({  'background':'#FF0000' }); 
    });

$("div").toggleClass("color").mouseout(function() {  
    $(this).stop().css({  'background':'#FFFF00' }); 
    });

Answer 1

Нет способа изменить свойства: "before", но вы можете получить то, что хотите, с помощью классов modoicando и его элемента, как показано здесь

Получить и изменить: перед элементом с помощью jQuery