html - "aliasing"两个 css 类在一起

Question

我正在使用 bootstrap 来设计表格样式，例如

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

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

<table class="foo">

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

Answer 1

方法 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。