Question

在我的代码下面，我的ID和类没有显示在我的页面上（即绿色等），我该如何解决？

他们都在工作，直到我添加div，现在它不起作用。

<!doctype html>
<head>
    <title> CSS </title>

    <style type="text/css">


        <!-- Note the . which refers to a class -->
        .large{
        font-size:300%;
        }

        <!-- Note the # which refers to a single id -->
        #green{
        color:green;
        }

        .underline{
        text-decoration:underline;
        }

        .bold{

        font-weight:bold;

        }

        div {

        background-color:blue;

        }



    </style>

</head>

<body>
    <h1> Example heading </h1>

    <div>

        <p class="large"> This is a bit of text </p>

    </div>

    <p id="green" class="large"> A bit more... </p>

    <!-- Note how it's possible to refer to 3 classes at the one time, seperated by spaces -->
    <p> The third <span class= "underline large bold">word</span> in this paragraph is underlined. </p>

</body>
</html>

Answer 1

这是一个愚蠢的问题，花了我一段时间来理解它，因为我正在寻找别的东西！

问题在于评论。在CSS中，您可以使用

进行评论

/* comment */

而不是HTML中的。只需修改注释即可正常运行。

更多信息：http://www.w3schools.com/css/css_syntax.asp

CSS：ID和类没有按预期工作？

1 个答案: