Question

以下第二个代码生成两个选项卡。它由模块生成。该模块使用自己的css类来设置自己生成的代码的样式。还有其他的css类比标记模块更好地设置标签的样式。（比如bootstrap＆＃34; nav＆＃34;＆＃34; nav-tabs＆＃34;类）。我想制作课程＆＃34;标签＆＃34;等于＆＃34; nav nav-tabs＆＃34;。换句话说，我想让<ul class="tabs">等于<ul class='nav nav-tabs'>。我搜索了很多，但找不到解决方案。从引导程序复制css属性并覆盖＆＃34;选项卡＆＃34;上课似乎效率低下。有没有一种有效的方法呢？ SomeThing如下面的代码html：

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

注意：我不想更改模块css文件或更改Bootstrap css文件。

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

Answer 1

使用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>

Answer 2

为此使用LESS。

<style>
    .tabs{
         // your css here. 
         // and the calss which you want to inherit this property.     
    } 
</style>

请参阅demo此处

使两个css类相等

2 个答案: