2. CSS y HTML

2. CSS y HTML

by didacticode

HTML

<html>
    <head>
        <title>HTML5 - Identificadores</title>
        <style>
          #inicial {
            color: red;
            border: 1px solid black;
          }
          .destacado {
            background-color: yellow;
            color: blue;
          }
          .gris {
            background-color: lightgray;
          }
        </style>
    </head>
    <body>
      <p id="inicial" class="destacado">Este es el primer párrafo, con id inicial y class destacado. Al compartir dos estilos con color de letra, aunque el azul está escrito en último lugar prevalece el estilo del identificador.</p>
      <p class="destacado">Este es el segundo párrafo destacado, en amarillo y azul</p>
      <p>Este es el tercer párrafo</p>
      <p class="destacado">Este es el cuarto párrafo destacado en amarillo y azul</p>
      <p class="gris">Este es el quinto párrafo en gris</p>
      <p class="destacado gris">Este es el sexto párrafo que tiene dos clases: destacado y gris; como ambas tienen fondo, prevalece el escrito en último lugar, pero el color de letra se mantiene el azul de destacado.</p>
    </body>
</html>