css父元素和子元素，我点击父元素让其隐藏，但为什么点击子元素也会隐藏？

html-css07

css父元素和子元素，我点击父元素让其隐藏，但为什么点击子元素也会隐藏？,第1张

因为子元素在父元素的容器内。

给父层元素绑定事件，实际上已经包括了父层元素内的所有区域，所以也包括子元素，所以点击子元素会触发父元素的点击事件。

对于事件而言，这是一种事件传递。如果不希望事件传递下去，可以在子元素上使用js的阻止事件传递方法stopPropagation，就不会将事件传递到父层元素。

class='red_1' 不是元素，class='red_1' 只是一个样式 为了li设置的 ，是属于li的，所以你只用看li 的父元素是谁就可以了 li的父元素就是ul .一定要弄清楚 Class ,id 这些都不是元素，只是用来设置样式的名字

css标准不能选择父级

请用其它方法

比如js

<div id="child" class=“parent“>

<textarea id="child" class="child">child</textarea>

</div>

<script>

document.getElementById("child").onfocus = function(){document.getElementById("parent").style.background="#666"}