css - 如何在 CSS 中选择父级 div

Question

我试图在谷歌地球中选择一个父 div，它没有任何 id 或类，它只是一个 div 元素。我用了这个方法

div < div.well {background-color: red !important; }

因为 div 包含另一个 div 的类，.well但这似乎不起作用！你能告诉我我做错了什么吗？

谢谢

更新

请看这个Jsfiidle

Answer 1

到目前为止，CSS 中没有选择父元素的结构。有关该主题的更多信息，请查看：

有 CSS 父选择器吗？

Answer 2

我不知道这里的上下文，但是如果您无法修改 html，则可以使用 jQuery 进行如下修改：

<script>
jQuery('div.well').parent('div').css('background', 'red');
</script>

正如其他人所指出的，没有 CSS 解决方案。

Answer 3

不幸的是 CSS 没有给我们选择父母的方法。您可以选择它作为它自己的父母思想的后代。也许提供更多上下文或一些源代码，以便我们提供更多帮助。

Answer 4

HTML：

<meta charset=utf-8 />
<div>First div.
<div><div class="well">Second</div>
<div>Third

CSS

div > div.well { background: red; }

JsBin：http ://jsbin.com/aaddj/1/edit?html,css,output 。

编辑：在抱怨/编辑语法之前，请观看：http ://www.youtube.com/watch?v=WxmcDoAxdoY 。html5 解析器比我们聪明。

EDIT2：这是从 OP 的工作中分叉出来的小提琴：http: //jsfiddle.net/MEhUj/。