html - 我可以指定一个特定的标签总是有一个特定的类吗?

标签 html css

是否可以使用 CSS 指定特定的 HTML 标记应始终具有特定的类?像这样的东西:

p {
  class: fun;
}

h3 {
  class: fun;
}

.fun {
  font-family: "Comic Sans"
}

(我意识到这可能永远不是一个好主意,我想知道主要是出于学术原因)

我想在没有 javascript/jquery 的情况下实现这一点——只使用 CSS 和 HTML。

更新

我知道如何将样式规范放入每个元素中——我想要的是能够在 .css 文件中的一个位置更改类,并将其应用于所有其他具有该类的元素,而无需必须更改任何 HTML。我希望这些类默认应用于所有特定标签,来自 css 文件。 (再一次,我意识到这不是好的设计——我只是好奇这是否可能)。

最佳答案

实际上这段代码应该可以工作:

p, h3, .fun { font-family: "Comic Sans"; }

但是如果你的情况是“不同的情况”并且上面的代码不是你正在寻找的答案,你可以使用 Less寻求解决方案。

尝试为这种情况编写一些 css 函数,如下所示:

.fun{
    font-family: "Comic Sans";
}

p{ .fun(); }
h3{ .fun(); }

使用 Less,您可以创建函数。希望有用。

关于html - 我可以指定一个特定的标签总是有一个特定的类吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17606067/

相关文章:

html - 如何在一个div中居中一个div

javascript - jsPlumb 连接没有相应地移动到元素位置

html - 我的 class=float 没有在代码中 float ,整个 html 也没有通过 Google Tagmanager 出现在网站上

html - 我不明白为什么我的 height auto 的 div 占用了它父级的全部高度

jquery - 获取已下载的 srcset 图片

javascript - 优化从输入字段复制数据的 javascript onclick 函数

android - 带有中心 Logo 的 PhoneGap/Cordova 9 补丁图像启动画面?

css - 内容通过固定 header 传递

jquery - 打开下拉菜单为窗口的 100% 高度

html - 应该在右键单击时选择按钮