Modify TAG that does not have such a class

Question

When we want to modify a div, and it has such a class, it’s easy.

.umaclass{
   /*Formatação*/
}

But let’s assume that I want to take a div that does not have such a class, without modifying the ones that have the class... How do I?

For example:

---

I have several Ivs with the same class, testing and testing :

<div class="teste testando"></div>
<div class="teste testando"></div>
<div class="teste testando"></div>

<div class="teste"></div> //SOMENTE ESSA SER MODIFICADA, SEM MODIFICAR AS OUTRAS

But I want to modify only the test class but without modifying the ones that have the test class?

Answer 1

Anderson Carlos Woss' answer will probably meet your needs, but if you want to know, there is also the :not in css, look:

.teste:not(.testando){
  background-color: red;
  height: 50px;
  width: 100px;
}

<div class="teste testando"></div>
<div class="teste testando"></div>
<div class="teste testando"></div>

<div class="teste"></div>

It accepts a simple selector as argument, and selects all elements that do not fit that selector

Answer 2

CSS works from the most generic to the most specific. That is, you can style all the div with only div { ... } and then stylize .umaclass overwriting the desired properties.

Take an example:

.teste {
  display: none;
}

.testando {
  display: block;
}

<div class="teste testando">1</div>
<div class="teste testando">2</div>
<div class="teste testando">3</div>

<div class="teste">4</div

Realize that the last div maintains the standard stylization, defined in .teste, while the others were stylized according to .testando.