Hola que tal en esta ocasión vamos a ver lo el siguiente tipo de selector que son las clases
Lo que se
quiere decir por clases es porque a diferencia de los identificadores este si
lo puede tener una gran cantidad de elementos de nuestro documento HTML así que
solo con una sola llamada a esa clase se pueden identificar una gran cantidad
de elementos fácilmente
Así que
veamos en ejemplos esto:
En primer
lugar veremos como modificar los estilos por defectos de los h1 así pero que
solo afecte a algunos cuantos:
<!doctype html> <html> <head> <title></title> </head> <body> <h1 class='titulo_distinto'>Titulo distinto</h1> <h1>Titulo normal sin estilo</h1> <h1 class='titulo_distinto'>Titulo distinto</h1> <h1>Titulo normal sin estilo</h1> <h1 class='titulo_distinto'>Titulo distinto</h1> <h1>Titulo normal sin estilo</h1> <h1 class='titulo_distinto'>Titulo distinto</h1> <h1>Titulo normal sin estilo</h1> </body> </html>
.titulo_distinto{
font-family: verdana;
color:blue;
}
Como vera
esto es muy fácil de entender
De esta forma
o el uso principal de las clases es para
que puedas agregar a varias etiquetas
Bueno y dirás
qué diferencias hay entre selector Global y selector Clase?
Es muy fácil
responder y es porque en el selector global en css creas un nuevo estilo afecto
a todas las etiquetas sin excepción a diferencia de selector de clase que aunque sean las mismas etiquetas
solo uno elige a cuales quieres aplicarle el estilo
Bueno cada
vez que avanzamos vemos que esto se va hacen más corto porque creo que se va
entendiendo y digiriendo esto cada vez mejor así que saludos
No hay comentarios:
Publicar un comentario