如何用css选择器 如何选择自己的父元素？

Question

用css选择器 如何选择自己的父元素

Answer 1

CSS都是写样式的，不涉及动态操作，所以没有寻找父元素的技能，如果你想给某个元素的父元素设样式，直接给它加class或id就好了。
js是有可能涉及到运行过程中有dom的动态操作的，所以有这个技能，就是xx.parentNode， 就能直接拿到xx的父元素了。

Answer 2

.child:focus{ background:#ccc;}

但是，要想在得到焦点时，改变父标签的背景色，就不好办，可以在得到焦点时，改变子标签的背景色，如

<style>
.parent{background:#FF9966;}
.parent:focus .child{ background:red;}
</style>

<div class="parent" contentEditable=true>
<textarea class="child">child</textarea>

</div>

如果想有focus事件，就必须让它是可编辑的，这里给DIV加上了contentEditable=true来让它可编辑。