html - Css div 选择器多个类

标签 html css

我正在开发一个 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-container 的每个 child ,我不希望这样。那么,如何以比上一个更具体的方式获取该 div ( 404page ) 的选择器?

最佳答案

类和 ID 不应以数字开头。虽然可以让它们工作,但这很麻烦,而且无论如何都违背了所有其他编程语言中“标识符”的精神。

最好保持“标识符”的或多或少的全局定义,并使用 page-404 或类似的 - 此外,这与您的其他类 container-fluid 更一致, col-lg-offset-5 等等。

关于html - Css div 选择器多个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44994502/

相关文章:

html - 如何为 div 框做 css 位置代码?

jquery 显示/隐藏中断链接

javascript - Stellar.js - 为垂直滚动网站配置偏移/对齐元素?

css - CSS 背景大小 :cover 背后的数学原理是什么

javascript - 将一个 div 元素包含在另一个 div 元素中会破坏视差效果

css - CSS/SVG 中的停止颜色不起作用

html - CSS,border-top 有 3 种颜色,可能吗?

javascript - 创建一个循环,一旦敌人死亡就结束

html - 尽管最大高度设置为 100%,但图像变得比父级大

javascript - 使用数据属性或类根据元素的状态来设计元素的样式是更好的做法吗?