Construir una Lista de Tareas Estilizada - Crear una lista de tareas estilizada

Español HTML-CSS
1

Cuéntanos qué está pasando:

al ejecutar las pruebas me da error diciendome que deberia cambiar el color de los link no visitados he probado con varios colores y asi y todo me sigue dando error al ejecutar las pruebas

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <link rel="steelsheet" href="styles.css">
</head>

<body>
    <h1>Lista de Vacaciones</h1>
    <ul class="todo-list">
        <li>
        <input type="checkbox" id="tickets">
        <label for="tickets">Tickets</label>
        <ul class="sub-item">
        <li>
            <a class="sub-item-link" href="https://www.plataforma10.com.ar/?msclkid=30949c631df31a87ac14f5fc9bede4bd&utm_source=bing&utm_medium=cpc&utm_campaign=Plat%2010%20AR%20-%20Search%3A%20Branding%202&utm_term=plataforma%2010%20pasajes&utm_content=Branding%20Terms%202" target="_blank">Plataforma 10</a>
            </li>
    </ul>
        </li>
        <li>
        <input type="checkbox" id="hotel">
        <label for="hotel">Hotel</label>
        <ul class="sub-item">
        <li><a class="sub-item-link" href="https://www.booking.com/index.es.html?label=msn-qU*9DYhOgwmZOE71Pn9CCQ-80539413995018%3Atikwd-80539589619291%3Aloc-8%3Aneo%3Amte%3Alp146353%3Adec%3Acid518941058%3Aagid1288628927258810&utm_source=bing&utm_medium=cpc&utm_term=qU*9DYhOgwmZOE71Pn9CCQ&utm_content=Booking+-+Desktop&utm_campaign=Spanish_Argentina+ES+AR&aid=2369661&pagename=es-ar-booking-desktop&msclkid=50d38011ba761d55d42be98e3c973225&chal_t=1772062437908&force_referer=https%3A%2F%2Fwww.bing.com%2F" target="_blank">Booking</a></li>
    </ul>
        </li>
        <li>
        <input type="checkbox" id="paseos">
        <label for="paseos">Paseos</label>
        <ul class="sub-item">
        <li><a class="sub-item-link" href="https://www.despegar.com.ar/actividades/" target="_blank">Despegar</a></li>
    </ul>
        </li>
        <li>
        <input type="checkbox" id="recuerdos">
        <label for="recuerdos">Recuerdos</label>
        <ul class="sub-item">
        <li><a class="sub-item-link" href="https://www.donsouvenir.com/" target="_blank">Donsouvenir</a></li>
    </ul>
        </li>
    </ul>
    

</body>

</html>

/* file: styles.css */
.todo-list {
  list-style-type: none;
  padding: 0;
}

.todo-list li {
margin-bottom: 1em;
background-color:lightblue;
border-radius:30px;
}

.sub-item {
  list-style-type: none;
padding-left: 1em;

}

.sub-item-link {
text-decoration: none;
color: red;
}

.sub-item-link:visited {
  color: #551a8b; 
}

.sub-item-link:hover {
  color: #ff6600; 
}

.sub-item-link:focus {
  outline: 2px solid #00cc66; 
}

.sub-item-link:active {
  color: yellow; 
}

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36 Edg/145.0.0.0

Información del Desafío:

Construir una Lista de Tareas Estilizada - Crear una lista de tareas estilizada

2

Please refer to this reference for the pseudo-class that represents an unvisited link: CSS Links

3

agregando la pseudo class unvited me da el mismo error

4

unvisited is not a pseudo-class…please read the reference material again.

5

I notice you have not clicked on the link I sent you. Your answer is there:

image
image710×256 14.2 KB