如何将引导类应用于 css 文件中的每个相同的 HTML 元素？

Posted 2023-03-06

【中文标题】如何将引导类应用于 css 文件中的每个相同的 HTML 元素？

【英文标题】：How to apply a bootstrap class to every same HTML element in css file?

【发布时间】：2018-05-26 05:36:21

【问题描述】：

例如，如果我想将引导类“pull-right”应用于每个标签，我需要将类名放在当前每个标签的类属性中。 有什么方法可以在 html 文件中的任何地方修改一次并生效？

【问题讨论】：

您可以使用 jQuery 或纯 javascript document.getElementsByTagName("*") 选择 HTML 页面中的所有元素并将类应用于它，但问题是如果您想选择所有元素为什么不使用 CSS 选择器为了那个原因？在纯 CSS 中，将类应用于选择器有点棘手，但更容易复制引导 css 类的内容。

这就是为什么最好编写 CSS 而不是将表现类名称粘贴到 HTML 中。

【参考方案1】：

您可以使用 asterix * 将样式应用于所有标签。但是您不能将class 的样式应用于透明CSS 中的元素。您可以使用 scss http://sass-lang.com/ 或 less csshttp://lesscss.org/ 来做到这一点

这是less css中的一个例子

* 
    .pull-right;

【讨论】：

嗨，我们如何用 SASS 做同样的事情？

这里有示例如何使用 SASS ***.com/questions/9560170/…