选择父的兄弟姐妹(Selecting a sibling of a parent)

我有这样的HTML：

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

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

Answer 1:

你不能选择与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 */ }

Answer 2:

使用CSS，你不能移动的水平达到一个element's父。

文章来源: Selecting a sibling of a parent