How to disable CSS Class on particular DIV

Question

I want to disable class automatically applied on div.

<div class="A B">

I want to disable Class 'A' but not 'B'. How could I do that ?

Could you be more clearly? Do you want some CSS that disables the class, or some JavaScript? — yunzen, Sep 16 '14 at 08:26
Add this as a jQuery function somewhere. `$('.A').removeClass('B');` — timo, Sep 16 '14 at 08:27
You can't stop an element form being a member of a class using CSS. There is no such thing an an inherited class. — Quentin, Sep 16 '14 at 08:34

yunzen · Accepted Answer · 2014-09-30T12:51:07.247

I think you are looking for CSS that says. Don't listen to class A.

Alas, there is no such CSS.

Either you have to remove the class A from your source code.
Or you remove the class from the DOM by means of JavaScript.
Or you must overwrite your CSS in class B that any value that was set in class A gets initial/neutral values (sometimes it's the value 'initial', sometimes its the value 'auto' or 'none')

score 4 · Answer 2 · answered Sep 16 '14 at 08:24

You are probably looking for a javascript...

Add a id to your div and use

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

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

score 0 · Answer 3 · answered Feb 21 '17 at 15:29

I think that I accomplished succesefully. :)

For example I have my html code :

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

I use CSS for the first text

.m2 {
    font-weight: bold;
}

And for disable it, I use

.nobold {
font-weight: normal;
}

And it apply both, but you can change settings from the other CSS class ...

score 0 · Answer 4 · answered Nov 19 '18 at 23:07

0

If you want to do this in straight js, give the div an ID:

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

And then in js:

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

answered Nov 19 '18 at 23:07

Matthew Shaile

85
1
9

score 0 · Answer 5 · answered Jun 03 '20 at 07:38

0

This code will act magically....

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

answered Jun 03 '20 at 07:38

Agniswar Chakraborty

131
1
10

How to disable CSS Class on particular DIV

5 Answers5