Highlights es-419 Explainer

Explicador de Información destacada

Objetivo de este acertijo: Agregar una ID a un elemento HTML para darle un estilo único con CSS.

Tutorial de la solución: Una ID es un string único que se usa para identificar un elemento HTML específico. Es como dar un nombre a un elemento. Al darle una ID al elemento, entonces puedes usar CSS para seleccionar ese elemento y darle su propio estilo.

Por ejemplo, si querías que todos los elementos h1 fueran rojos, excepto uno, que querías que fuera azul.

Puedes seleccionar todos los elementos h1 en CSS de la siguiente forma:

h1 {
    color: red;
}

Luego, en HTML, agrega una ID al elemento que quieres que sea azul:

<html>
    <body>
        <h1>Hello</h1>
        <h1>My Name Is</h1>
        <h1 id='last-heading'>What</h1>
    </body>
</html>

A continuación, selecciónalo en CSS poniendo el símbolo # seguido de la ID:

#last-heading {
    color: blue;
}

Para resolver este acertijo, agrega la ID 'highlight' para que sea uno de los elementos p en HTML.

Luego, en CSS, agrega un nuevo conjunto de reglas con #highlight como su selector.
Por último, agrega una regla a este conjunto de reglas que defina la propiedad color como rgb(255, 89, 94).

Solución del código de ejemplo:

HTML

<html>
    <body>
        <h1>Encabezado principal</h1>
        <h2>Subtítulo</h2>
        <p>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
        <h2>Subtítulo</h2>
        <p id='highlight'><p id='highlight'>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
        <h2>Subtítulo</h2>
        <p>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
    </body>
</html>

CSS

body {
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgb(244, 247, 250);   
}

h1 {
  color: rgb(74, 144, 226);
}
 
h2 {
  color: rgb(30, 80, 105);
} 
  
p {
  color: rgb(30, 75, 95);
}

#highlight {
  color: rgb(255, 89, 94);
}

Conceptos de HTML: id, elementos, elementos de encabezado h1 y h2, elemento p, body
Conceptos de CSS: selectores, selección por id, selección por tipo de etiqueta, propiedad color, colores RVA

en el ejercicio informacion destacada en el escritor de codigo realizo el codigo correctamente y no me permite avanzar