Question

<div> /*i want to select */
     <div>
           <div class="ui-message-error">
           </>
     </div>
</div>

我有一个类似的页面，我不能指定类父div。那么如果该div的孩子的孩子有＆＃39; ui-message-error＆＃39; 类，我如何选择父div。

Answer 1

我相信在CSS中这是不可能的，你可以反过来选择'ui-message-error'的孩子，或者用javascript来做。

Answer 2

如果它是父母的直系孩子（例如身体），您可以使用body > div { }

如果div具有特定的先前元素，例如：

<div id="specificDiv"> bla </div>
<div>
     <div>
           <div class="ui-message-error">
           </>
     </div>
</div>

您可以使用#specificDiv + div { }。

如果您正在寻找一种根据孩子的班级选择div的方法，那么您需要一个Javascript解决方案

Answer 3

使用jQuery你可以这样做：

jQuery(document).ready(function(){
   jQuery('.ui-message-error').parent().parent().css('display','none');
});

Answer 4

你不能用CSS做，但如果你使用jQuery，可以这样：

$(".ui-message-error").parent().parent().addClass('myparent');

DEMO：http://jsfiddle.net/fcrDX/

<小时/> 您的代码可以是这样的：

HTML：

<script src="http://code.jquery.com/jquery-latest.js"></script>

<div> /*i want to select */
 <div>
       <div class="ui-message-error">
       </div>
 </div>
</div>
<script language="javascript">
$(function() {
    $(".ui-message-error").parent().parent().addClass('myparent');
});
</script>

CSS：

.myparent{
    border:1px red solid;
}

如何根据子div选择div

4 个答案: