Html:

<p>I`m p</p>
<a>I`m a</a>
<h2>I`m h2</h2>

Css:

:not(p){
 color:red;}

: la pseudo clase not () debería seleccionar todos los elementos dentro del documento HTML, que no son "p", y darles color rojo, pero cuando ejecuto el código "p" también es rojo, al igual que todos los demás elementos.

0
Notorious Zet 9 may. 2020 a las 18:33

3 respuestas

La mejor respuesta

Notorious Zet puede solucionar este error dando una clase al elemento p y luego utilizando el no pseudo selector

El HTML

<p class = "notRed"> This is a p element </p>
<h1>This is a h1 element</h1>

El CSS

p:not(notRed){
color: red /*This will apply to all p elements with the class of notRed*/
}
0
Aotex2288 9 may. 2020 a las 16:07

Aquí debe especificar el color para todos los elementos html. Como no hay un conjunto de colores para los elementos, el color de su selector se configura para todos los elementos disponibles.

Esto es lo que necesita agregar a su estilo:

*{
      color: black;/* the color you will want for all or p elements. */
    }
1
Aditya Satpute 9 may. 2020 a las 15:54

Primero debe especificar el color de la etiqueta <p>. Vea el ejemplo de w3schools.

p {
  color: black;
}

:not(p) {
  color: red;
}
<p> I am p </p>
<a href="#"> I am a </a>
<h1> I am h1 </h1>
0
yinsweet 9 may. 2020 a las 15:57