[[Io]]

Hola.

Pues básicamente voy a repetir lo que ha dicho dec.

He utilizado los #id, para personalizar algunos elementos.
Por ejemplo:

  <ul>
    <li>Item nº1</li>
    <li>Item nº2</li>
    <li>Item nº3</li>
   </ul>

Esto sería una lista estandar. Per me gustarias que no se vieran los dibujitos que salen a la izquierda, y que el color de las letras fuera azul, entonces me creo un selector con esta características en la hoja de estilo o en la cabecera entre etiquetas <style></style>:

  #miLista
{
  list-style:none;
  color:blue;
}

y ahora en la página definiría de esta forma la lista:

  <ul id="miLista">
    <li>Item nº1</li>
     <li>Item nº2</li>
     <li>Item nº3</li>
   </ul>

Con las clases pues algo parecido.

Imaginate que la lista tendría un color de fondo en función de su contenido. Por ejemplo cuando los items son números romano, el fondo es de color verde.

  #miLista
 {
   list-style:none;
   color:blue;
 }

   #miLista.NumerosRomano
 {
   background-color:green;
 }

y ahora en la página definiría de esta forma la lista:

   <ul id="miLista">
     <li>Item nº1</li>
      <li>Item nº2</li>
      <li>Item nº3</li>
    </ul>

  <br>

   <ul id="miLista" class="NumerosRomano">
      <li>Item nºI</li>
       <li>Item nºII</li>
       <li>Item nºIII</li>
        <li>Item nºIV</li>
   </ul>

Aunque una clase, tambien se puede crear de forma independiente, a un indentificador.

  .BordeAncho1pixel
  {
    border-width:1px;
  }

Y se podria utilizar en cualquie elemento de bloque;

  <table class="BordeAncho1pixel">
     .....
     ----
 
  </table>

Bueno espero no haber liado mucho.

Chao.