👋🏼 Welcome 👋🏼

Choose your language 👅

Consider the following code:

HTML

Which pseudo-class would you use to see the following result in the browser ?

  A. div:nth-child(0) {...}
  B. :not(p) {...}
  C. div:first {...}

Click here to see the correct answer and explanation 👀

Correct Answer	Explanation
B 🎉	The `:not()` CSS pseudo-class represents elements that do not match a list of selectors. In this case, `:not(p) {...}` selects any element that is NOT a paragraph (`div`).

Answer based on 👉🏼 :not()

Code 👉🏼 Here

Considera el siguiente código:

HTML

¿ Qué pseudo clase de CSS usarías para ver el siguiente resultado en el navegador ?

  A. div:nth-child(0) {...}
  B. :not(p) {...}
  C. div:first {...}

Haz click aquí para ver la respuesta correcta y su explicación 👀

Respuesta correcta	Explicación
B 🎉	La pseudo-clase `:not()` de CSS representa elementos que no coinciden con una lista de selectores. En este caso, `:not(p)` selecciona cualquier elemento que NO sea un párrafo (`div`).

Respuesta basada en 👉🏼 :not()

Código completo 👉🏼 Aquí