如何在特定 DIV 上禁用 CSS 类答案

【问题标题】：How to disable CSS Class on particular DIV如何在特定 DIV 上禁用 CSS 类
【发布时间】：2014-11-09 21:52:51
【问题描述】：

我想禁用在 div 上自动应用的类。

<div class="A B">

我想禁用“A”类而不是“B”类。我怎么能这样做？

【问题讨论】：

你能说得更清楚一点吗？你想要一些禁用类的 CSS 还是一些 JavaScript？
将此作为 jQuery 函数添加到某处。 $('.A').removeClass('B');
您不能阻止元素表单成为使用 CSS 的类的成员。没有继承类这样的东西。
没有 javascript，jquery 允许：jQuery 是 javascript

标签： html css class styles

【解决方案1】：

这段代码会神奇地发挥作用......

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

【讨论】：

【解决方案2】：

如果你想直接用js做这个，给div一个ID：

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

然后在js中：

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

【讨论】：

【解决方案3】：

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

例如我有我的 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 类的设置...

【讨论】：

【解决方案4】：

我认为您正在寻找这样的 CSS。不要听A班的。

唉，没有这样的 CSS。

要么您必须从源代码中删除 A 类。
或者您通过 JavaScript 从 DOM 中删除该类。
或者您必须覆盖 B 类中的 CSS，以使在 A 类中设置的任何值都获得初始/中性值（有时是值“初始”，有时是值“自动”或“无”）

【讨论】：

【解决方案5】：

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

给你的 div 添加一个 id 并使用

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

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

【讨论】：