如何在CSS中选择Parent Div

时间:2013-10-02 23:36:24

标签: css css3

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

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

因为div包含另一个类.well的div,但这似乎不起作用!能不能让我知道我做错了什么?

由于

更新

请查看此Jsfiidle

4 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

截至目前,CSS中没有用于选择父元素的构造。有关该主题的更多信息,请查看:

Is there a CSS parent selector?

答案 2 :(得分:0)

我不知道这里的上下文,但如果你不能修改html,这可以通过jQuery实现如下:

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

正如其他人所说,没有CSS解决方案。

答案 3 :(得分:-1)

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/