html - 親の兄弟の選択

Question

私はこの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を使用して、要素の親にレベルを上げることはできません。