CODEWITHSUNDEEP
css
Robert
Robert

Reputation: 59

How to reset css class

On my style.css I have this CSS

* {
    padding: 0px;
    margin: 0px;
    outline:none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

I use it on most of my pages, I want to cancel it on a specific page, how can I achieve this without removing the whole CSS file?
I have tried unset but it doesn't work, also tried to remove for a specific element but is still not working

ul, li:not(.editor) {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

The main reason for this is that editor(ckeditor 5) doesn't display lists, and list style, also padding and margin are affecting space between rows not looking good how it should look

Update:
From how I have it on style.css on my index.php I want to for the whole page or for the editor(best option) like this:

* {
}

ul, li {
}

I want that lists and style list to just behave normal, right now they are removed because of that CSS from my style.css

Upvotes: 2

Views: 321

Answers (1)

Sarkar
Sarkar

Reputation: 1879

In the specific page give the body a special class like this

<body class="unstyle">

then on your css file reset the style

.unstyle ul, .unstyle li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

Upvotes: 1

Related Questions