Build a Stylized To-Do List - Build a Stylized To-Do list

HTML-CSS
1

Tell us what’s happening:

Hey everyone, please help :slight_smile:
step 14 and 17 show an error, even though the links don´t have an underline by default and do have an outline when focused.
also, they should be purple in their normal link-state, but are displayed in green, which should only happen when already visited, and I don´t see what went wrong there…
Thank you for any help :slight_smile:

Your code so far

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

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

<body>
<h1>To-Do</h1>
<ul class="todo-list">
    <li>
        <input type="checkbox" id="first">
        <label for="first">Begin with:</label>
        <ul class="sub-item">
            <li>
                <a href="https://www.w3schools.com/tags/att_a_target.asp" target="_blank" class="sub-item-link">"Hello"</a>
            </li>

        </ul>
    </li>
    <li>
         <input type="checkbox" id="second">
        <label for="second">Continue friendly:</label>
        <ul class="sub-item">
            <li>
                <a href="https://www.w3schools.com/tags/att_a_target.asp" target="_blank" class="sub-item-link">"Nice to meet you"</a>
    </li></ul></li>
    <li> <input type="checkbox" id="third">
        <label for="third">Introduce yourself:</label>
        <ul class="sub-item">
    <li>
                <a href="https://www.w3schools.com/tags/att_a_target.asp" target="_blank" class="sub-item-link" >"I´m Sunny"</a></li> </ul></li>
    <li> <input type="checkbox" id="fourth">
        <label for="fourth">End with:</label>
        <ul class="sub-item">
            <li>
                <a href="https://www.w3schools.com/tags/att_a_target.asp" target="_blank" class="sub-item-link">"Goodbye"</a></li></ul></li>
</ul>
</body>

</html>

/* file: styles.css */
a:link { color:purple; text-decoration: none }
a:visited { color:green}
a:hover { color: turquoise}
a:active { color: green}
ul{ list-style-type: none}
li {background-color: lightblue; padding: 5px; margin:5px; }
h1{ color: purple; text-align:center; text-decoration: underline 1px}
body{display:block; margin:auto; width: 70%;
max-width: 300px}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:139.0) Gecko/20100101 Firefox/139.0

Challenge Information:

Build a Stylized To-Do List - Build a Stylized To-Do list

2

instead of a:link think of a simpler selector to select all a elements by default