En CSS, los selectores de clases se muestran con un punto:
.center {text-align: center}
En el ejemplo anterior, todos los elementos HTML con la clase central están centrados.
En el siguiente código HTML, tanto los elementos h1 como p tienen la clase central. Esto significa que ambos respetarán las reglas del selector ".center".
<h1 class="center"> Este encabezado estará alineado al centro </h1> <p class="center"> Este párrafo también estará alineado al centro </p>
*******************************
selector de identificación
El selector de identificación puede especificar un estilo específico para los elementos HTML marcados con una identificación específica. El selector de identificación se define con "#". Los siguientes dos selectores de identificación, el primero puede definir el color del elemento como rojo y el segundo puede definir el color del elemento como verde:
#rojo {color:rojo;} #verde {color:verde;}
En el siguiente código HTML, el elemento p con el atributo id en rojo se muestra en rojo y el elemento p con el atributo id en verde se muestra en verde.
<p id="red">Este párrafo es rojo. </p> <p id="green">Este párrafo es verde. </p>
Nota: El atributo id solo puede aparecer una vez en cada documento HTML. Para saber por qué, consulte XHTML: Refactorización de sitios web.