获取嵌套跨度答案

【问题标题】：Get a hold on a nested span获取嵌套跨度
【发布时间】：2011-09-27 13:32:41
【问题描述】：

我怎样才能保留h2 span 元素？

div#content div.view-content div.view-row-item h2 span { ... 不工作...

【问题讨论】：

【解决方案1】：

如果您使用的是 FireBug，您可以右键单击 span 标签并“复制 css 路径”，这将为您提供从“html”开始的元素的完整路径

【讨论】：

【解决方案2】：

您在div.view-row-item 中缺少s，它应该是：

div#content div.view-content div.views-row-item h2 span {

【讨论】：

当然……一个愚蠢的错字。但还是没有结果。你应该认为我指定的不够吗？我能指定的最深层次是多少？
就我个人而言，我只会使用#content h2 span.field-content，这是一条较短的规则，并且绝对针对您所追求的元素。我不确定您可以指定的最深级别是多少（或者是否有限制），但这将是一个非常大的数字。根据this experiment：IE会在table的第28层停止渲染，Firefox会在第34层停止渲染

【解决方案3】：

在您的示例中，您错过了您需要的“s”：

div#content div.view-content div.views-row-item h2 span

viewS-row-item

【讨论】：