Dentro de la programación de la hoja estilos nos podemos encontrar clases o IDs. El uso de clases o IDs nos va a permitir su uso para crear los estilos definidos siempre que queramos, <div id=”nombreID”> este texto será rojo </div><div class=”nombreClase”> este texto será azul </div>:

#nombreID {color: red;}
.nombreClase {color: blue;}

Pero debemos de saber que también podemos usar ambas en caso de que una clase sea muy compleja y sólo queramos cambiar una cosa, <div id=”ejemploCSS1″ class=”ejemploCSS”> … </div> o <div id=”ejemploCSS2″ class=”ejemploCSS”> … </div>.

.ejemploCSS {
background-color: #000;
border: 1px solid #CCC;
float: left;
height: 50px;
margin-right: 10px;
padding: 10px;
width: 150px;
}
#ejemploCSS1 {color: white;}
#ejemploCSS2 {color: yellow;}