gpt4 book ai didi

html - 添加评论时 CSS 中断

转载 作者:太空宇宙 更新时间:2023-11-04 13:38:51 26 4
gpt4 key购买 nike

我正在尝试向我的 HTML 样式添加注释,但我发现当我添加注释时,样式停止工作。

下面的工作正常。图标和文本显示为灰色。

<html lang="en">
<head>
<title>test</title>
<link href="/gtd/media/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<style>

.action-star {
color: gray;
}
</style>
<div class="container-fluid">
<span class="action-star"><i class="icon-star icon-large"></i> Test Icon</span>
</div><!--/container-->
</body>
</html>

但是以下不起作用。图标和文本显示为黑色。

<html lang="en">
<head>
<title>test</title>
<link href="/gtd/media/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<style>
<!-- Comment -->
.action-star {
color: gray;
}
</style>
<div class="container-fluid">
<span class="action-star"><i class="icon-star icon-large"></i> Test Icon</span>
</div><!--/container-->
</body>
</html>

我唯一添加的是一行:

<!-- Comment -->

我一定遗漏了一些明显的东西。 . .

最佳答案

要在 CSS 中添加注释,请使用 /* Comment */ ,不是 HTML <!-- Comment -->句法。这就是破坏您的 CSS 的原因。

作为一个提示,如果你在一个支持语法高亮的编辑器中工作,通常他们会给注释一个特定的颜色。我在评论中看到的最常见的颜色是灰色、深蓝色或深绿色。当然,这仍然会因编辑器而异,但颜色的变化是一个很好的指标,表明您正在使用正确的注释语法。

看看你的<!--/container-->注释在您的代码示例中变为灰色,但是 <!-- Comment -->没有。正如您现在所知,这并没有发生,因为您没有使用正确的语法。

干杯!

关于html - 添加评论时 CSS 中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11973746/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com