Css 如何匹配有特定子女的父母？

可能重复：

我只想在id为“breadCrumb”的子跨度id为“userName”的情况下将其与匹配

匹配：

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

以撒

但不匹配：

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

...

---

我想设置#breadCrumb{display:none；}，但我不想在第二种情况下隐藏它。

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

你不能用直接的CSS来做这件事。我的建议是重申这个问题：

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

或

---

IE6不支持应用多个类选择器（上一个示例）。

不支持，它们不在同一页上。在这个网站上，我可以自定义CSS，但它适用于网站上的每个页面。这是设计不可能的。您可以使用一些JS来解决这个问题。我最初将面包屑隐藏在CSS中，然后在页面加载时使用JS显示它。

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

#breadCrumb.navTrail { display: none; }

div.nav.navTrail { display: none; }