HTML CSS 类

Question

谁能解释下面的代码？

我不明白 .content-wrapper .col1, .content-wrapper .col2 是什么意思。

col1 和 col2 是否继承了 .content-wrapper 的宽度和填充？ 您是否要在 .content-wrapper 中再次覆盖这些值？

.content-wrapper {
    width: 600px;
    padding: 10px;
}
.content-wrapper .col1, .content-wrapper .col2 {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #464646;
    background-color: #ffffff;
}
.content-wrapper .col1 {
    width: 295px;
    height: 250px;
}

Answer 1

问。 “不要得到什么‘.content-wrapper .col1，.content-wrapper .col2’”

一个。 Content-wrapper 是一个具有子级 col1 和 col2 的类。

问。 “col1 和 col2 是否继承内容包装器的宽度和填充”

一个。不。它不会，除非指定为 inherit 或 auto

问。 “恩，你要在内容包装器中再次覆盖这些值吗？”

一个。这完全取决于您的要求，但如果您想让它自动或从父级继承，只需将它们添加到 .content-wrapper .col1, .content-wrapper .col2 下，值为 auto 或 inherit。

希望这对您有所帮助。