它正在检查如何将CSS嵌入到您的html中！

Question

所以这将是我的HTML：

    <body>
        <section id="info">
            <div class="status">

...

我正在尝试通过附加到html文件的css文件来设置div.status的样式，该行开始就像这样

body section#info > div.status { ... }

我没有使用任何css3属性，并且该元素未应用任何属性。我可以使用直子“＆gt;”设计内部元素的样式符号。为此，我只是复制了之前的行并完成了元素的路径。

我真的很感激一些想法，谢谢！

Answer 1

为什么你不只是尝试使用

.status
{...}

但你的也在努力。

Answer 2

简单地使用

div.status { ... }

应该可以正常工作，或

section#info div.status { ... }

因为只要不干扰同一类中需要采用不同样式设置的其他元素（在这种情况下你应该使用一个单独的类），你不需要太具体，而额外的代码会增加语法错误蔓延到你的工作中的可能性，打破它。如果您仍然遇到问题，那么请您提供更多信息的工作样本，以便我们查看问题是否来自其他地方？

Answer 3

body section#info > div.status { color: blue; }

我认为问题在于将css嵌入到您的文件中！

直接写在你的头部元素之间

<head>
    <style>
        body section#info > div.status { color: blue; }
    </style>
</head>

或者如果它是单独的css文件！确保路径正确！

<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Answer 4

在你的CSS文件中，你还没有正确关闭上一行21，它正在破坏文件，导致超出第21行的所有内容被忽略。

div.map > .countries > #country

应该是

div.map > .countries > #country {}

（或者你打算在声明中提出的任何内容，但是现在尝试将它变为空，看看是否能解决问题）