Selección de elementos por ID - Tutorial de CSS

Los id en CSS son una forma de seleccionar elementos HTML de manera única y específica, y se utilizan para aplicar estilos o manipular elementos individuales en una misma página web. Para poder aplicar un id, lo primero que debes hacer es declarar el id en el elemento que quieres personalizar. Imagina que tenemos un contenedor con una serie de elementos, los cuales todos tienen los mismos estilos, como podemos ver en nuestro código CSS, y, por ejemplo, quieres destacar uno de ellos cambiándole el color, por ejemplo, a rojo. Para ello, añadirías un id que se llame destacado, por ejemplo. Puedes utilizar como palabra el id que mejor consideres y lo declaramos en nuestra hoja de estilos. Para declarar un id, añadimos el símbolo de almohadilla y la palabra utilizada, destacado. Y ahora, dentro de este id, vamos a establecer, por ejemplo, que queremos un color de fondo diferente. Seleccionamos, por ejemplo, el marrón y vemos como nuestro elemento con el id ha cambiado su color de fondo…