css - CSSで赤い色のテキストに下線を引く

Question

文字色赤でアンダーラインを書きたいです。

私はこのようにしてみました

 <u> <li style="COLOR:red"><a href="/jobs.aspx/"> Internal Job Openings </a></li></u>

しかし、内容は隠されています。これを修正する方法は？

Answer 1

a同様に、デフォルトのスタイルをオーバーライドする必要があります。

<ul>
    <li style="color:red"><a style="color:red" href="#">foo</a></li>
</ul>

フィドルを参照してください....

Answer 2

まず、あなたの HTML は無効です。<li>タグ内に aを囲むことはできません<u>。<u>タグは非推奨なので削除してください。CSScolorとtext-decorationルールを使用して結果を達成します。

次のように変更します。

<li style="COLOR:red; text-decoration: underline;">
    <a href="/jobs.aspx/"> Internal Job Openings </a>
</li>

リンクに必要なだけの場合は、リンクにスタイルを指定してください。

<li style="COLOR:red;">
    <a style="text-decoration: underline;" href="/jobs.aspx/"> Internal Job Openings </a>
</li>