选择父母的兄弟姐妹

Question

我有这个HTML：

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

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

Answer 1

您无法使用CSS将级别移动到元素的父级。

Answer 2

您无法使用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 */ }