特定のスパン要素を除外しながら、リンクに選択的に下線を引くにはどうすればよいですか?

明確な下線を付けるためのリンクとスパン要素のスタイル設定

HTML と CSS を使用する場合、テキスト装飾の観点から、リンクとスパン要素のスタイルを異なる方法で設定する必要があることがよくあります。場合によっては、リンク内の特定のスパン要素から下線を削除したい場合があります。ただし、従来の CSS セレクターを使用すると、これは困難な場合があります。

ここでの質問はこれを達成することを目的としており、ID が「#myspan」の要素を除いてリンクに下線を引く必要があります。当初、提供された CSS ルールは「#myspan」に影響を与えないようですが、スタイルの順序が逆になり、「#myspan」に下線が引かれ、リンクには下線が引かれない場合に問題が発生します。

解決策: インライン スタイリング

この問題を解決するには、簡単な CSS の変更が必要です。要素をインラインブロックにすることで、リンクの下線効果から隔離されます。

a {
  text-decoration: underline;
}

a #myspan {
  color: black;
  display: inline-block;
}

a:active #myspan {
  color: grey;
}

a:visited #myspan {
  color: yellow;
}

a:hover #myspan {
  color: red;
}

この CSS コードにより、「#myspan」要素は下線付きのままで、リンクには下線が付けられます。さらに、「#myspan」の色は、CSS ルールを使用して必要に応じてカスタマイズできます。

以上が特定のスパン要素を除外しながら、リンクに選択的に下線を引くにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。