如何在特定DIV上禁用CSS类

时间:2014-09-16 08:19:12

标签: html css class styles

我想禁用自动应用于div的类。

<div class="A B">

我想禁用Class&#39; A&#39;但不是&#39; B&#39;我怎么能这样做?

5 个答案:

答案 0 :(得分:7)

我认为你正在寻找说的CSS。不要听A班。

唉,没有这样的CSS。

  • 您必须从源代码中删除A类。
  • 或者您通过JavaScript从DOM中删除该类。
  • 或者您必须在B类中覆盖您的CSS,即在A类中设置的任何值都会获得初始/中性值(有时它的值是&#39; initial&#39;,有时它的值是&#39; 39;自动&#39;或者没有&#39;)

答案 1 :(得分:2)

你可能正在寻找一个javascript ...

为您的div添加ID并使用

<div id="whatever" class="A B"></div>

<script type="text/javascript">
    window.document.onload = function(){ 
        document.getElementById("whatever").className = "A";
    }     
</script>

答案 2 :(得分:0)

我认为我成功完成了。 :)

例如,我有我的HTML代码:

<a class="m2" href="#">Some text here, with bold</a>
<a class="m2 nobold" href="#">Some text here, without bold</a>

我使用CSS作为第一个文本

.m2 {
    font-weight: bold;
}

为了禁用它,我使用

.nobold {
font-weight: normal;
}

它同时适用于两者,但您可以更改其他CSS类的设置......

答案 3 :(得分:0)

如果要直接在js中执行此操作,请给div一个ID:

<div id="myDiv" class="A B"></div>

然后在js中

document.getElementById("myDiv").classList.remove("B");

答案 4 :(得分:0)

此代码将神奇地起作用。...

<script type='text/javascript'>
        jQuery(document).ready(function ($) {
        $( "div" ).removeClass( 'your_class_name' );
      });
</script>