选择父母的兄弟姐妹

【问题标题】：Selecting a sibling of a parent选择父母的兄弟姐妹
【发布时间】：2012-05-25 18:17:51
【问题描述】：

我有这个 HTML：

<font>
   <b>
      <a href="profile/user">user</a>
   </b>
   <font>message</font>
</font>

我知道字体标签很烂，但他们想要字体标签，所以我放了字体标签。我可以选择用户名 a[href*="user"] 但我也希望能够选择包含消息的字体。用 CSS 可以吗？

【问题讨论】：

【解决方案1】：

您不能使用 CSS 选择父级 - 您可能会发现这是有关该主题的有趣读物：Why we don't have a parent selector。但是，您可以执行以下操作之一：

1.使用一点 JavaScript

2. 将您的 HTML 更改为

<font>
   <a href="profile/user"><b>user</b></a>
   <font>message</font>
</font>

你可以这样做：

a[href*="user"] + font { /* YOUR STYLES HERE */ }

【讨论】：

【解决方案2】：

您不能使用 CSS 将级别提升到元素的父级。

【讨论】：