Creación de reglas propias comunes (CLASS)

Con la creación de reglas comunes podemos ir más allá.

Podemos crear una regla menos específica y aplicarla a cuantos elementos queramos. Vamos a crear una regla con diseño de texto en rojo.

 

 

notepad

 

 

La única diferencia en la definición de la regla común respecto a la regla única, es que esta comienza en punto (.), el resto es igual, le damos el nombre que queramos.

 

Y si la otra la aplicábamos con el atributo id, esta se aplica mediante el atributo class. Veamos cómo:

 

 

notepad

 

 

Hemos creado un párrafo, un título <h5> y otro título <h4>.

Le aplicamos nuestra regla común a diferentes elementos; <p> y <h4>. Ya imaginaréis el resultado:

 

 

notepad

 

 

¿Sencillo no? El texto del medio se ve azul porque la regla que aplicamos al elemento <body> sigue en nuestro documento CSS.


 

Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame