我可以为html元素设置默认的css类

Question

如果我定义了一个css类，那么无论如何都要将该类设置为html元素的默认类？为了澄清，我希望将该类的定义分解出来，以便它可以被一个或多个css选择器使用或谨慎地应用于html中。

例如：

.myclass {float:right}
h1 {class: myclass}

上述方法当然不起作用，但希望你知道我在问什么，因为我无法找到如何做到这一点。

Answer 1

不是标准的CSS，但为什么不这样做：

h1 {
    float: right;
}

Answer 2

  

如果我定义了一个css类，那么无论如何都要将该类设置为html元素的默认类吗？

没有。但是，您可以选择所有元素并对其应用规则：

* {
    foo: bar;
}

Answer 3

如果您使用的是像LESS（http://lesscss.org/#-mixins）或SASS（http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins）这样的CSS处理器，则可以这样做。

Answer 4

从你的反复评论中“我希望能够分解出类的定义，以便它可以被一个或多个元素使用或谨慎应用”，看来你真正要做的是如何定义一组CSS声明，以便它们适用于给定类和中的元素以及一些独立于类的元素。这样做的方法是使用选择器列表，例如

.myclass, h1 { float:right; /* and other declarations as needed */ }

这是你可以在CSS中实现的那种“因子分解”。没有办法“分解”“CSS类”，因为没有CSS类。 HTML中有类，您可以指定适用于此类的规则。

Answer 5

只需编写以下HTML

即可

<h1 class="mylass"> .... </h1>

并编写 VALID CSS

即

.myclass {float: right}

Answer 6

我不确定你想要实现什么，但也许你问这个因为你想让多个html元素使用相同的“类”？

如果是这种情况，你可以这样写：

h1, h2, span{
    background: red;
}