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 无效。您不能将 a 括<li>在<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>