Question

是否可以将CSS中的属性设置为“此处未定义”？

想象一下这个例子。

<div class="intro-text">
    This text should be big and have padding on all sides.
</div>
<div class="intro-text no-tb-padding">
    This text should also be big, but only have padding left & right.
</div>

.intro-text {
    font-size: large;
    padding: 1em 2em;
}
.no-tb-padding {
    padding: [what here?];
    ...

现在，就是这样。我想将padding-top和padding-bottom设置为0以用于后一课程。我知道这可以通过这两个规则来完成。但CSS中有没有一种方法可以像这样定义它？

padding: 0 [defined somewhere else];

有了这个，前一课将定义左和右;正确填充，但后者将定义顶部＆amp;最底层的。

目前CSS中是否可以使用？

Answer 1

对于像这样的工作流程，你会喜欢SASS或LESS。

对于这个具体的例子，只需设置padding-right和padding-left：

padding-right: 0;
padding-left: 0;

Answer 2

简写属性的目的是允许您在单个声明中指定所有适用的值。由于您正在尝试不来设置某些属性值，因此您不应该使用 - 实际上您不能使用 - 一个速记属性。您必须单独设置padding-top和padding-bottom属性。

Answer 3

我使用LESS，这是一个CSS框架，它非常有用。恩。您可以使用变量并将其分配给任意数量的类，然后，所有类都具有相同的描述，仅在一个位置定义。要在普通CSS中使用，您只需添加：

padding-right: 0;
padding-left: 0;

因为填充顶部和底部将由前一个类占用。希望它有所帮助。

在CSS中将属性设置为“此处未定义”？

3 个答案: