Question

您好我是HTML和CSS的新手，我遇到了一个奇怪的问题。我试图用样式和p选择器改变我的文本的颜色，只要我使用h1选择器它也可以。这是我的代码。

::operator==

因此，使用此代码，我的文本行实际上是红色的，但只要我从代码中删除h1选择器，文本就会变回黑色。任何人都可以解释为什么会发生这种情况？

Answer 1

你在那里放了一个HTML评论！删除评论，它将起作用：

＆＃13;

<!DOCTYPE html>
<!-- Indicates which HTML version is being used  -->
<html>
<!-- HTML starts here  -->
<!-- Also called root element -->

<head>
    <!-- background/setup information goes inside head -->
    <meta charset="utf-8" />
    <!-- defines character set -->
    <title> Hello Internet! </title>
    <!-- website title name -->
    <style type="text/css">
    p {
        color: red;
    }
    </style>
</head>

<body>
    <p> This text is red </p>
</body>

</html>

＆＃13;

如果您要为<style>标记添加评论，请使用CSS评论：

/**
 * This is a valid CSS comment
 */
/* This one too! */
/***************************
****************************
Even this one!
****************************
***************************/

Answer 2

您标记中的注释会破坏您的CSS。 CSS使用不同的样式注释。删除评论或将其移到标签之外。此外，您缺少结束标记。欢呼声。

Answer 3

这是因为您尝试使用html样式注释掉（代码中的注释）CSS。为了对代码中的内容进行注释 - 或者将它们从处理中移除 - 您必须根据代码语言键入不同的内容。

在HTML中，您可以像这样评论单词：

 <!-- This is a comment -->

在CSS中，您可以像这样评论单词：/*comment*/

没有h1选择器，HTML和CSS p选择器不会工作

3 个答案: