如何访问CSS中的父元素？

Question

我想访问锚标记的父元素

<td class="class1">
    <div id="id1">
        <a class="class2" id="id2" href="link">Link</a>
    </div>
</td>

我尝试使用CSS：     .class2:parent:parent {}

但这似乎不起作用。是否有可能在CSS中实现相同的目标？我没有灵活性在页面上使用jQuery。

Answer 1

如果不使用Javascript，则无法执行此操作。我强烈推荐JQuery，它有一个parent函数来访问父项。

由于性能原因，CSS传统上没有父选择器。见http://snook.ca/archives/html_and_css/css-parent-selectors

我强烈建议阅读它，因为它描述了浏览器如何解析CSS以及为什么它有它的局限性。这是一段摘录：

  

在看似定期的基础上，我看到了这个讨论   CSS是否应该具有像父选择器这样的特定功能   虽然我没有使用浏览器引擎，但我有自己的理论。

     

简而言之：表现。

     

如何评估CSS随着工作，我不得不做很多事情   考试表现。我们运行了一些工具   用于确定瓶颈所在的应用程序。一个这样的   应用程序是Google Page Speed，它提供了许多   建议改进JavaScript和渲染性能。   在我提出建议之前，我们需要了解一点   更好地了解浏览器如何评估CSS。