Question

我正在制作一个wordpress主题，我在HTML中有这个代码：

<body>
        <div class="container-fluid mytheme-container" >
        <div class="container-fluid col-lg-offset-5 col-lg-7 404page"> 
                    <p id="404">404</p>
                    <p id="page-not-found">Page not found... :(</p>
        </div>
        </div>
</body>

我想为最后一个div添加高度，我以这种方式认为我的CSS：

body > div.container-fluid.mytheme-container > div.container-fluid.col-lg-offset-5.col-lg-7.404page {
    height: 100vmin;
}

这不起作用，就像我让选择器这样：

body > div.container-fluid.mytheme-container > div {

}

但我认为这适用于mytheme容器的每个孩子，我不希望如此。那么，我怎样才能以比上一个更具体的方式获得该div（404page）的选择器？

Answer 1

类和ID不应以数字开头。虽然有可能使它们发挥作用，但这是一种麻烦，并且违背了标识符的精神。无论如何，在其他所有编程语言中。

最好保持＆＃34;标识符＆＃34;的或多或少的全局定义，并使用page-404或类似内容 - 此外，它与您的其他类{{{更加一致} {{ 1}}，container-fluid等等。

Answer 2

我认为您的问题是班级＆＃39; 404页＆＃39;。班级名称不应该以数字开头。

如果可以，您应该将班级名称更改为＆＃39; page404＆＃39;或类似的东西，如果没有，我认为你仍然可以使用其他类作为选择器（没有404页）。

请参阅此处的工作示例：

＆＃13;

body > div.container-fluid.mytheme-container >  div.container-fluid.col-lg-offset-5.col-lg-7 {
    color:red;
}
//same, but without the 404page class

＆＃13;

<body>
        <div class="container-fluid mytheme-container" >
        <div class="container-fluid col-lg-offset-5 col-lg-7 404page"> 
                    <p id="404">404</p>
                    <p id="page-not-found">Page not found... :(</p>
        </div>
        </div>
</body>

＆＃13;

Answer 3

你想把css应用到最后一个div，流动这段代码。

body > div.container-fluid.mytheme-container > div:last-child {

}

Answer 4

从技术上讲，你可以使用以数字和选择器开头的类，但你必须转义选择器的数字。此外，还可以添加其他字符（例如!，"，#，$，%，&，' ，(，)，*，+，,，-，.，/，{ {1}}，:，;，<，=，>，?，@，{{1 }}，[，\，]，^，{和|）但是需要对其进行转义。这是演示

有关here的更多信息。还this。

但是对于cource来说这看起来并不可维护，我建议你考虑用字母（或至少连字符或下划线）来改变你的标识符。

Answer 5

你不应该用number来开始上课。如果你的代码有$ISABELLE_HOME_USER，那就插入第一个~/.local/share/libisabelle的垃圾。

404page

a404page

Css div选择器多个类

5 个答案: