Css, how to override default class like element width?

Question

css

How to override the default class, for example:
1) the width of this element in bootstrap? I can't write a new fixed width because it in this case should depend on the width of the span. How to describe it in CSS?

2) there is a default class class="hide", I hide elements with it, i.e. There can be many elements on a page. I need to somehow temporarily disable hide in CSS with a single line in order to look at the page and make sure everything is formatted correctly. Then remove this hide disable line in CSS. The idea is to disable the class in one place for multiple pages, rather than commenting on each hide individually. How to do it? Perhaps you know how to do it differently and better?

Answer 1

Declare the same class below in the css document, and then when you need to return everything back, remove this class

Answer 2

I didn’t understand the first, get yourself a debugging class, something like debug. Hang it on the body, in the styles you describe all the rules through this class.

.debug .hide {
    display: block !important;
}