Jquery 防止内部div继承

我有一个DIV在另一个DIV中，我想防止inside DIV从container DIV继承游标css，并防止inside DIV上的jQuery click功能

<div id="page_wrapper">

    <div id="content_wrapper">
        Lorum Ipsum<br />
        Lorum Ipsum<br />
        Lorum Ipsum
    </div> 

</div>

jQuery

<script>
$("#page_wrapper").click(function() {
       alert("Clicked!");
});
</script>

在这里试试：

试试这个：

$("#content_wrapper").css('cursor', 'default').click(function(e) {
     e.stopPropagation();
});

试试这个：

$("#content_wrapper").css('cursor', 'default').click(function(e) {
     e.stopPropagation();
});

---

进行以下两项更改：

jQuery：

CSS

---

进行以下两项更改：

jQuery：

CSS

---

在内容的css包装中，只需添加游标：default；若要将光标悬停在其上时设置回正常光标，请在css for content_包装中添加光标：default；当鼠标悬停在光标上时，要将光标设置回正常光标。ife.target==这似乎更优雅ife.target==这似乎更优雅不需要为OP添加新的事件侦听器。这也没有解决问题的CSS部分。我在演示中已经解决了这一点。看一看。最好是在css中设置css属性，而不是jqueryYes，我们可以用两种方法来做。我刚刚向OP展示了jQuery选项。不需要为OP添加新的事件侦听器。这也没有解决问题的CSS部分。我已经在演示中解决了这个问题。看一看。最好是在css中设置css属性，而不是jqueryYes，我们可以用两种方法来做。我刚刚向OP展示了jQuery选项。

$("#page_wrapper").click(function(e) {
       if(e.target === this) alert("Clicked!");
});

#content_wrapper {
    z-index:20;
    width:300px;
    margin:0 auto;
    background-color:#fff;
    padding:20px;
    cursor: default; /* NEW */
}