我下面的代码有什么问题。下面的代码不能正常工作
<ul>
<li><font-color ="Red"/> Text 1</li>
</ul>
Font-color
不是有效的 HTML 标记或样式声明。从语法上讲,这是非法的。
相反,它应该是这样的:<li style="color:red">foo</li>
然而,将样式移动到它们自己的样式表中几乎总是更好,并使用类名来代替:
HTML
<li class="my-class">foo</li>
CSS
.my-class { color: red; }
正如@JanDvorak 所指出的,尝试对“highlight”之类的类使用描述性名称。
您还可以使用其他选择器来设置元素的样式,例如 ID 选择器:
HTML
<li id="item1">foo</li>
CSS
#item1 { color: red; }
它应该是:
<ul>
<li style="color: Red;"> Text1</li>
</ul>
字体不是自闭合标签。它也被弃用了,所以如果可能的话,你应该考虑改变它。它应该如下所示:
<ul>
<li style='color:red'> Text 1</li>
</ul>