javascript - css3场景较为复制的选择器，动态添加类名绑定事件.

Question

有如下场景：

<p class="first"></p>
<p class="second"></p>

<style>
    p:not(p[class*="first"]):hover{}
</style>

这个选择器能否匹配到 second ？ 是不是使用选择器[]的时候单引号错误？

还有一个问题就是：

通过js给dom一个元素添加了一个class类名；
然后通过这个类名给这个dom下面的元素添加事件.

我知道如何给当前的元素加事件，但是不知道给它下面的元素添加事件.

<p class="old">
    <ul>
        <li></li>
    </ul>
</p>
然后加了一个新Class. new <p class="old new">....</p>

$('body').delegate('new', 'click', function(){}); 这个我会.
如何给下面的元素li绑定事件呢 ？

Answer 1

1. p:not(.first):hover

2. $('body').delegate('.new li', 'click', function(){})