CSS idyclass
Selectores id y class
Si deseas establecer estilos CSS en elementos HTML, necesitas definir los selectores "id" y "class" en los elementos.
Selector id
El selector id puede especificar estilos particulares para elementos HTML que tienen un id específico.
En HTML, el selector id se establece mediante el atributo id; en CSS, el selector id se define con "#".
La siguiente regla de estilo se aplica al elemento con el atributo id="para1":
El atributo id no debe comenzar con un número; los id que comienzan con número no funcionan en los navegadores Mozilla/Firefox.
Selector class
El selector class se utiliza para describir el estilo de un grupo de elementos. El selector class es diferente del selector id; class puede usarse en múltiples elementos.
El selector class se representa mediante el atributo class en HTML; en CSS, el selector de clase se indica con un.punto:
En el siguiente ejemplo, todos los elementos HTML con la clase center están centrados.
También puedes especificar que un elemento HTML concreto use class.
En el siguiente ejemplo, todos los elementos p usan class="center" para centrar el texto de esos elementos:
Varios selectores class pueden separarse con espacios en blanco:
¡El primer carácter del nombre de clase no puede ser un número! No funcionará en Mozilla o Firefox.