html - 选择父母的兄弟姐妹

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 选择父级 - 您可能会发现这是本主题的有趣读物：为什么我们没有父级选择器。但是，您可以执行以下操作之一：

1.使用一点 JavaScript

2.将您的 HTML 更改为

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

你可以这样做：

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