Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html &引用;别名;两个css类在一起_Html_Css - Fatal编程技术网

Html &引用;别名;两个css类在一起

Html &引用;别名;两个css类在一起,html,css,Html,Css,我正在使用bootstrap设置表格样式,例如 <table class="table table-striped main"> 但我想要设置样式的表实际上是由另一个我不控制的工具以编程方式生成的,并且它已经带有自己的表类标记: <table class="foo"> 不过我可以包括css样式表。有没有办法将“foo”和“table striped”别名为我自己的css中的同一个类?方法1:您可以修改css,以便对这两个类应用相同的效果: .foo, .

我正在使用bootstrap设置表格样式,例如

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

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

<table class="foo">


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

方法1:您可以修改css,以便对这两个类应用相同的效果:

.foo, .table-striped{ some css }
方法2:

您可以简单地对类名为“foo”的所有元素执行搜索,并将类名添加到“table striped”中,而不是对它们使用别名

var tmp=document.getElementsByClassName(“foo”);

对于(var i=0,j=tmp.length;i在
bootstrap.css
中查找
.table striped{
,并将其更改为:
.foo,.table striped
。或者在您自己的样式表中,只需从bootstrap复制
。table striped
规则,并使用类
。foo
@j08691抱歉,它实际上是多类表。使用jquery(或vanila js)并找到所有带有class
.foo
的表,然后添加您需要的任何引导额外css类,这样您就不必复制css代码,而且可以随时复制
var tmp = document.getElementsByClassName("foo");
for(var i=0, j=tmp.length; i<j; i++){
    tmp[i].className += " table-striped";
}