3

dentro de elementos DIV hay 3 SPAN, 2 con alguna CLASE CSS y otro SIN CLASE. Como hacer para seleccionar con selectores CSS el span que NO tiene NINGUNA CLASE, yo probé con span:not(.AAA) pero no logro poner ambas clases porque no funciona. Como los SPAN sin clase pueden estar en cualquier posicion dentro de los DIVs tengo que seleccionarlos de algún modo.

<div>
<span class="AAA">AAA</span>
<span class="BBB">BBB</span>
<span>CCC</span>
</div>

<div>
<span class="AAA">AAA</span>
<span>CCC</span>
<span class="BBB">BBB</span>
</div>

2 respuestas 2

5

Como has dicho, puedes hacerlo con el :not() pero, en vez de añadirle las clases concatenadas dentro debes añadir más de uno.

span:not(.AAA, .BBB)

no funcionará pues el selector espera solo un elemento, no un conjunto de elementos, la forma de hacerlo sería:

span:not(.AAA):not(.BBB)
1
  • Muchas gracias @Rabegi!, no encontraba buena informacion sobre como usar :not. el 9 nov. 2018 a las 9:11
3

La solución de @Rabegi es correcta pero pongo otra más general. Usando :not() y un selector de atributo se pueden seleccionar los span que no tengan clase, da igual que clase tengan los otros:

span:not([class]) {
  color: red;
}
<div>
  <span class="AAA">AAA</span>
  <span class="BBB">BBB</span>
  <span>CCC</span>
  <span class="DDD">DDD</span>
</div>

<div>
  <span class="AAA">AAA</span>
  <span>CCC</span>
  <span class="BBB">BBB</span>
  <span class="DDD">DDD</span>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.