.css('color') не работает

[Alexzord]

Не меняется цвет текста. Фон меняется, а текст нет. Где-то ступил походу. Подскажите пожалуйста

$(document).ready(function(){
	$('li').hover(
		function(){
			var cssObj = {
		        'background': '#09F',
		        'color' : '#fff',
		        'transition': 'all 0.3s'
		    };
			$(this).css(
				cssObj);
		},
		function(){
			
			$(this).css({'background':'#FFF', 'color': '#000', 'transition': 'all 0.3s'});
		}
	);
});

[рони]

Alexzord,

$(this).add('>',this).css(cssObj);

[Alexzord]

Alexzord,

$(this).add('>',this).css(cssObj);

И что это меняет?

[рони]

И что это меняет?

сделайте макет, вместе и посмотрим

[danik.js]

Где-то ступил походу

Нефиг css сувать в js. Для стилей придуманы файлы css. А еще, вместо li.hover() в css придумали li:hover{}. Офигеть, ведь?

[danik.js]

<style>
li{
    color: #000;
    background: #FFF;
    transition: all 0.3s;
}
li:hover{
    color: #FFF;
    background: #09F;
}
</style>
<ul>
<li>Не меняется цвет текста. Фон меняется, а текст нет. Где-то ступил походу. Подскажите пожалуйста</li>
</ul>