How to assign another class to an element with style in stylesheets?

Question

css

For example
<div class="col"></div>

.col{
  background:#222;
  /* а тут бы как то хитро добавть уже ранее описаный стиль например от бутстрапа col-md-12*/
}

Here is some method to do it. Is there such a thing in CSS?

Answer 1

You can attach several classes to each element, listing them separated by a space:

.one{
   color: red;
}

.two{
   background: tomato;
}

Answer 2

You can assign a style name (class) multiple times both in one element and in different ones! The whole point here is in the style hierarchy (priority)!
Those. if the table has both class and style assigned at the same time: table class="name" style="margin:10px 0;" ...
then class=name styles are applied and then style="..." are completed.

Answer 3

this can be done in less or scss, something like this:

.col{
  background:#222;
  .yourClassCss;
}