麻烦最基本的jQuery问题

Question

我正在努力理解为什么下面的小提琴不起作用？只是想增加一堂课!

刚开始.

谢谢,请不要降级我...我知道它的基本.

HTML:

<ul>
    <li class="box">a</li>
    <li class="box">b</li>
    <li class="box">c</li>
    <li class="box">d</li>
</ul>

CSS:

li {
    height:20px;
    width:20px;
    background-color:red;
    display:inline-block;
}

li .hover {
    background-color:blue;
}

jQuery的:

$('li').addClass('hover');

Answer 1

在你的CSS声明:

李.hover

将类.hover内部的元素定位为li:

<li>  <p class="hover">Select this element</p>  </li>

你需要:

li.hover

一个li带有类的元素hover.将匹配:

<li class="hover">Make me blue</li>