css - 我可以为 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

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

Answer 4

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

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

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

Answer 5

只需编写以下 HTML

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

并编写有效的CSS

IE

.myclass {float: right}

Answer 6

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

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

h1, h2, span{
    background: red;
}