Css 使父div块内部元素不被选中

我有以下HTML：

<div class="parent">
    <span>Random Elements</span>
    <img src="RandomeImage.png" />
    <etc...>
</div>

随机元素

我想使它使父div及其子元素充当1个实体。 因此，例如，您可能不会选择（高亮显示）子元素，或者任何位置（在div内、子元素或空格上）的单击事件都会触发父元素的单击

我已经尝试了很多CSS（块、浮动等），但我无法找到最终的解决方案。

---

非常感谢您的帮助。

如果您不想使用javascript来完成此操作，您可以使用

位置创建一个div:absulte

覆盖整个父级及其所有子级，然后停止所有单击事件

添加的HTML元素：

以及添加的CSS：

.parent {
    background:teal;
    height: 500px;
    width:650px;
}
#cover {
    position:absolute;
    top:0; /* Same as object to cover up */
    left:0; /* Same as object to cover up */
    height:500px; /* Same as object to cover up */
    width:650px; /* Same as object to cover up */
    z-index:2; /* Higher than the object to cover up */
}

---

您不想选择元素，只需突出显示它，我希望您可以使用（Javascript框架）来完成

以下是代码：

 $('.yourdiv').click(function(){
 $('.yourdiv').css("background-color","");
 $(this).css("background-color","blue");
 });​

---

不清楚你想要什么。。。您正在谈论单击事件，但我在标记中没有看到任何事件驱动语言？所以我猜是Javascript，如果是这样的话，事件会在DOM中冒泡，这样父对象就会收到点击，除非冒泡被另一个EventListener阻止。你最终解决了你的问题了吗？没有@Zachsauier，我最终使用Canvas创建了我的整个对象。为什么只添加一个庞大的库来禁用点击？