将两个 CSS 类“混叠”在一起答案

【问题标题】："aliasing" two css classes together将两个 CSS 类“混叠”在一起
【发布时间】：2016-04-01 19:35:31
【问题描述】：

我正在使用引导程序来设置表格样式，例如，

<table class="table table-striped main">

但我想要设置样式的表格实际上是由另一个我无法控制的工具以编程方式生成的，并且它已经带有自己的表格类标签：

<table class="foo">

我可以包含 css 样式表。有没有办法在我自己的 css 中将“foo”和“table-striped”别名为同一个类？

【问题讨论】：

标签： html css

【解决方案1】：

方法一：你可以修改你的css，让同样的效果适用于两个类：

.foo, .table-striped{ some css }

方法二：

您可以简单地搜索所有类名为“foo”的元素并将类名“table-striped”添加到它们，而不是给它们起别名。

var tmp = document.getElementsByClassName("foo");
for(var i=0, j=tmp.length; i<j; i++){
    tmp[i].className += " table-striped";
}

请记住，这是使用 javascript。

【讨论】：