为什么这种HTML和CSS的组合设置字体颜色和样式失败了?

我想把一些红色的斜体文本(标签)放到一个页面上:

HTML

<label class="reditalic">Enter numeric values only</label>

CSS

.reditalic {
  color: "red";
  font-style: "italic";
}

…但是它失败了，使用:

"Uncaught SyntaxError: Unexpected token YInfoReceiver.doXhr.xo.onfinish @ sockjs-0.3.4.js:2018EventEmitter. error . error。emit @ sockjs-0.3.4.js: 151abstractxhobject ._start. the .xhr.onread"

和，"Uncaught SyntaxError: Unexpected token Y"

在浏览器(Chrome)控制台中

显示"您的应用程序有错误。"当在应用程序目录中运行"meteor"时，在控制台中等待文件更改。

我也试过这个("斜体"周围没有引号):

.reditalic {
  color: "red";
  font-style: italic;
}

…这个("斜"代替"斜体"):

.reditalic {
  color: "red";
  font-style: oblique;
}

…而这个("font-color"代替"font"):

.reditalic {
  font-color: "red";
  font-style: italic;
}

…还有这个("red"周围没有引号):

.reditalic {
  font-color: red;
  font-style: italic;
}

当我删除上面显示的HTML和CSS时，它运行得很好。

更新

问题是HTML处于"limbo"状态:

</table>    
</body>
<label class="reditalic">Enter numeric values only</label>

我把它改成了:

</table>
<label class="reditalic">Enter numeric values only</label>
</body>

…错误消失了。但是，由于某些原因，即使保存了HTML文件中的更改并刷新了页面，它仍然没有显示在页面上。

是否使用:

color: red;

…或:

color: "red";

…在CSS中，它没有区别-标签不显示。这里是相关的CSS:

.reditalic {
  color: red;
  font-style: italic;
}

. .和HTML:

<head>
    <title>Duckbilled Platypi R People 2!</title>
</head>
<body>
. . .
<label class="reditalic">Enter numeric values only</label>
</body>

可能有问题，也可能没有问题的是，当我修改并保存HTML或CSS时，我在控制台中看到以下内容:

Client modified -- refreshing

…但是它永远不会到达:

App running at: http://locohost:3000/
Type Control-C twice to stop.

消息…但它确实令人耳目一新-我对标题做了一个测试更改，它确实改变了，所以…??

css没有font-color属性。就是color

斜体和红色的引号也是可选的，但不是问题的根源。

HTML

相关内容

最新更新

热门标签：