CSS样式表错误

Tuk*_*ncy 1 css html5 umbraco

我的代码如下错误.下面的代码不能正常工作

<ul>
<li><font-color ="Red"/> Text 1</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

Tim*_*ora 7

Font-color不是有效的HTML标记或样式声明.从语法上讲,这是非法的.

相反,它应该是这样的: <li style="color:red">foo</li>

但是,将样式移动到自己的样式表中几乎总是更好,并使用类名来代替:

HTML

<li class="my-class">foo</li>
Run Code Online (Sandbox Code Playgroud)

CSS

.my-class { color: red; }
Run Code Online (Sandbox Code Playgroud)

正如@JanDvorak所指出的那样,尝试对像"突出显示"这样的类使用描述性名称.

您还可以使用其他选择器来设置元素的样式,例如ID选择器:

HTML

<li id="item1">foo</li>
Run Code Online (Sandbox Code Playgroud)

CSS

#item1 { color: red; }
Run Code Online (Sandbox Code Playgroud)

  • 建议的类名:`highlight` (2认同)