How to input a class that have more than one class in CSS

Question

I want to put the class that have more than one class into my css, for examples I have this code in my html.

class="nav nav-pills justify-content-end"

And I want to change all of the above to disappear so I have to put "display: none". I have tried this in css but it doesn't seems to work.

.nav nav-pills justify-content-end{
    display: none;
}

Ps: I use bootstrap framework

Check it out https://stackoverflow.com/questions/20721248/how-can-i-override-bootstrap-css-styles — Anh Nhat Tran, Jan 07 '21 at 07:49
write it like this `.nav.nav-pills.justify-content-end`. No spaces in between. — Debsmita Paul, Jan 07 '21 at 07:50

score 0 · Answer 1 · answered Jan 07 '21 at 08:24

There are different way you can do this operation . you can use comma Operator(,) ,you can use no space between all all class .nav.nav-pills.justify-content-end like this and you can choose any of class and make display: none; like this

.justify-content-end{
    display: none;
}

score -1 · Answer 2 · answered Jan 07 '21 at 07:50

-1

.nav.nav-pills.justify-content-end{
    display: none !important;
}

answered Jan 07 '21 at 07:50

Aliasger Ujjainwala

67
2

score -2 · Answer 3 · answered Jan 07 '21 at 07:58

-2

Use coma operator(,) to add the same style to deferent classes

.nav,.nav-pills,.justify-content-end{
    display: none;
}

answered Jan 07 '21 at 07:58

ADH - THE TECHIE GUY

4,125
3
31
54

How to input a class that have more than one class in CSS

3 Answers3