时间戳

首页 > 解决方案 > div中的CSS包装内容

html - div中的CSS包装内容

问题描述

我想将 .container 中的内容包装在另一个 div 中，并赋予新的 div class="content"。正如你所看到的，我已经开始了，但我不知道你应该怎么做。我真的无法在网上找到任何关于此的帮助，所以我可能做错了。

.container { 
        div class="content" {;
        width: 60%;
        min-width: 640px;
        margin: 0 auto;
        background: #FFFFFF;
        padding: 8px;
        }
        </div>
        }

标签： htmlcss

解决方案

div class="content" {不是用于指定样式的有效 CSS。请改用此语法：

.container div.content {
     width: 60%;
     min-width: 640px;
     margin: 0 auto;
     background: #FFFFFF;
     padding: 8px;
}

解释

SELECTOR1 SELECTOR2 { RULES }是 CSS 语法，意思是“任何与 SELECTOR2 匹配的元素都作为匹配 SELECTOR1 的任何元素的子（或孙子等）找到，给它规则”

.CLASS是选择器的 CSS 语法，表示“class属性包含 CLASS 的任何元素”。

一个通过用空格分隔多个类来指定多个类，例如<div class="foo bar">将被选择器和 击中.foo，.bar但不会被击中.foobar。

ELEMENT.CLASS是选择器的 CSS 语法，意思是“属性包含的任何<ELEMENT>元素”。classCLASS

所以把这一切放在一起，.container div.content { padding: 8px; }意味着“<div>类包含content的任何元素，嵌套在类包含的任何元素下的任何地方container，给它填充=8px。”

推荐阅读