我如何匹配有特定孩子的父母？

Question

可能重复：
Complex CSS selector for parent of active child

我想ID为 “面包屑” 匹配，只有当它有一个孩子跨度ID为 “username” 的。

比赛：

<div id="breadCrumb" class="nav"> 
    <span id="userName">esac</span> 
</div> 

但不匹配：

<div id="breadCrumb" class="nav"> 
    <span id="navtrail">...</span> 
</div> 

我想设置#breadCrumb {显示：无; }，但我不想在第二种情况下隐藏它。

Answer 1

首先，这两个元素不在同一个页面上吗？如果是这样，它是无效的HTML，因为你不能（不应该）重复ID。

你不能用直接的CSS做到这一点。我的建议是要重申的问题：

<div id="breadCrumb" class="nav userName"> 
    <span>esac</span> 
</div> 

或

<div id="breadCrumb" class="nav navtrail"> 
    <span>...</span> 
</div> 

喜欢，那么你可以做的事情：

#breadCrumb.navTrail { display: none; } 

或

div.nav.navTrail { display: none; } 

应用多个类选择（前面的例子）不是supp在IE6中堕落。