gpt4 book ai didi

javascript - 使两个CSS类相等

转载 作者:太空宇宙 更新时间:2023-11-04 11:17:34 26 4
gpt4 key购买 nike

下面的第二个代码创建了两个选项卡。它是由一个模块生成的。该模块使用自己的 css 类来设置自己生成的代码的样式。还有其他 css 类可以比上述模块更好地设置选项卡的样式。(如 Bootstrap “nav”和“nav-tabs”类)。我想让类“tabs”等于“nav nav-tabs”。换句话说,我想制作 <ul class="tabs">等于 <ul class='nav nav-tabs'> .我搜索了很多但没有找到解决方案。从 bootstrap 复制 css 属性并覆盖“tabs”类似乎效率低下。有没有一种有效的方法来做到这一点?类似以下 html 代码的内容:

<style>
.tabs{
.nav;
.navtabs;
}
</style>

note: I do not want to change the module css files or change Bootstrap css files.

<!-- Module generated code -->
<ul class="tabs">
<li>
<a href="#">tab1</a>
</li>
<li>
<a href="#">tab2</a>
</li>
</ul>

最佳答案

使用 Jquery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script>
$(document).ready(function(){
$(".tabs").addClass("nav navtabs");
});
</script>

关于javascript - 使两个CSS类相等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33084352/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com