为什么背景颜色:属性在前一行包含注释时会中断



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

出于某种原因,我无法在背景色之前添加任何注释: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>

请注意,注释可能没有意义(我删除了额外的代码,但保留了注释)。那么到底发生了什么呢?我做错了什么?

如CSS2规范中所定义:

注释以字符"/*"开头,以字符"*/"结尾

因此,您应该在CSS中使用/* */注释。

然而,HTML风格的注释<!-- -->也是可能的,但它们唯一有效的位置是包装整个CSS规则块:

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

<!-- -->分隔符用于防止不支持HTML3.2的浏览器显示CSS块。(这与用<!-- -->包装Javascript代码相同)。不过,这些都是非常古老的用户代理。

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

/* my comment */ 

在css中,您不会像html那样以这种方式进行注释,而是使用这种方式进行

 /* background: grey ;  */

相关内容

  • 没有找到相关文章