HTML和CSS中的p选择器如果没有h1选择器将无法工作。

Question

HTML和CSS中的p选择器如果没有h1选择器将无法工作。

3

您好，我对HTML和CSS不是很熟悉，遇到了一个奇怪的问题。我尝试使用样式和p选择器更改文本颜色，只要同时使用h1选择器就可以正常工作。这是我的代码：

<!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"> <!-- Added for CSS -->


            h1{

            }


            p{
            color: red;
            }

        </style>

</head>

<body>


<p> This text is red   </p>



</html>

所以，使用这段代码，我的文本实际上是红色的，但是一旦我从代码中删除h1选择器，文本就会恢复为黑色。请问有人可以解释一下为什么会发生这种情况吗？

- Saik

不相关的，但别忘了关闭你的<body>。 - Tyler Roper

3个回答

2

您在标签内的注释破坏了您的CSS。CSS使用不同的样式注释。要么删除注释，要么将其移至标签外部。此外，您缺少一个闭合标签。谢谢。

- Robert Wade

1

这是因为您试图使用HTML样式来注释掉代码中的CSS（即代码中的注释）。为了将代码中的内容注释掉或从处理过程中删除，您需要根据代码语言输入不同的内容。在HTML中，您可以像这样注释掉单词：

 <!-- This is a comment -->

在CSS中，您可以像这样注释单词：/*注释*/

- AndrewLeonardi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- fnune · Accepted Answer

你在那里放了一个HTML注释！删除该注释后它将正常工作：

<!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>

如果您想要给<style>标签添加注释，请使用CSS注释：

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