Question

所以我在最新版本的chrome上试验内部样式表，似乎有一个错误会破坏代码。

出于某种原因，我无法在background-color：rgb（51,51,51）之前添加任何注释而不会导致代码失败。

这是我的代码（背景颜色不会改变）：

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <style> 
        body {
            width:100%; <!--browser screen must be fixed width-->
            height:100%; <!--and height-->
            margin:0px; <!--removes uneven margin added to row's margins-->
            background-color:rgb(51,51,51); <!--note that height and width must be specified to work-->
        }
    </style>
</head>

<body>
    <h1>
        Headline
    </h1>
</body>
</html>

这是我的其他代码（这次背景有效）：

<html lang="en">
<head>
    <meta charset="utf-8">
    <style> 
        body {
            background-color:rgb(51,51,51); <!--note that height and width must be specified to work-->
            width:100%; <!--browser screen must be fixed width-->
            height:100%; <!--and height-->
            margin:0px; <!--removes uneven margin added to row's margins-->
        }
    </style>
</head>

<body>
    <h1>
        Headline
    </h1>
</body>
</html>

请注意，评论可能没有意义（我删除了额外的代码但保留了评论）。到底是怎么回事？我做错了什么？

Answer 1

如CSS2 specification中所定义：

注释以字符“/ *”开头，以字符“* /”
结尾

所以你应该在CSS中使用/* */条评论。

然而HTML样式注释也是可能的，但唯一有效的位置是包装整个CSS规则块：

<style>
    <!--
    body {
        background-color:rgb(51, 51, 51);
        width:100%;
        height:100%;
        margin:0px;
        color: red;
    }
    -->
</style>

分隔符用于防止不支持HTML 3.2的浏览器显示CSS块。（这与使用包装Javascript代码相同。这些都是非常古老的用户代理。

Answer 2

在CSS中你不要像html那样评论，而是用这种方式评论

 /* background: grey ;  */

Answer 3

您使用了错误的注释语法，请使用块注释

/* my comment */

为什么background-color：属性在前一行包含注释时中断？

3 个答案: