Curso CSS Selector Clase

El selector clase se utiliza para especificar un estilo a un grupo de elementos html, este tipo de selector (a diferencia del selector ID que veremos mas adelante) es el mas utilizado al momento de trabajar con Css, para aclarar mas la utilización de las clases en Css veamos algunos ejemplos.-

Sintaxis básica para declarar una clase.-

Elemento_html . Nombre_clase { propiedades }

Donde el Elemento_html es la etiqueta html en la que queremos aplicar el estilo, el Nombre_clase es el nombre que le daremos a nuestra clase (por lo general el nombre que le demos a la clase debe ser un nombre descriptivo de la misma).

Ademas cabe aclarar que no es importante asignar un elemento html para declarar una clase, pero no hay que olvidar que al momento de declarar una clase deberemos de utilizar el punto (.), en el siguiente ejemplo declararemos una clase para alinear el texto al centro para poder utilizarse en cualquier etiqueta html.-

.centro {
text-align:center;
}

Como ves en el ejemplo, esta clase no a sido asignada a ninguna etiqueta html, esto es por que la podemos utilizar con cualquier etiqueta html, y para implementarla lo haremos de la siguiente manera.-

< p class="centro"> Este es un texto < /p>

Ahora vamos a declarar una clase que solo& podrá ser utilizada con un elemento html, para el ejemplo utilizaremos el elemento P (parrafo).-

p.color{
color:#f00;
}

De esta forma esta clase solo podrá ser utilizada con el elemento p con class="color" y no por ejemplo con el elemento h1, por decirlo de alguna manera.