Css curriculum-build a ToDo list

HTML-CSS
1 
<meta charset="utf-8">

<title>Styled To-Do List</title>

    <ul class="todo-list">
    <li>

        <input type="checkbox" id="a" />

        <label for="a">1</label>

        <ul class="sub-item">

            <li>

                <a class="sub-item-link" href="https://www.freecodecamp.org/chinese/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="\_blank">task1</a>

            </li>

        </ul>

    </li>

    <li>

        <input type="checkbox" id="b" />

        <label for="b">2</label>

        <ul class="sub-item">

            <li>

                <a class="sub-item-link" href="https://www.freecodecamp.org/chinese/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="\_blank">task2</a>

            </li>

        </ul>

    </li>

    <li>

        <input type="checkbox" id="c" />

        <label for="c">3</label>

        <ul class="sub-item">

            <li>

            <a class="sub-item-link" href="https://www.freecodecamp.org/chinese/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="\_blank">task3</a>

            </li>

        </ul>

    </li>

    <li>

        <input type="checkbox" id="d" />

        <label for="d">4</label>

        <ul class="sub-item">

            <li>

            <a class="sub-item-link" href="https://www.freecodecamp.org/chinese/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list" target="\_blank">task4</a>

            </li>

        </ul>

    </li>
</ul>

/* css */
a{

text-decoration:none;

}

.sub-item-link{

color:red;

}

.sub-item-link:hover{

color:blue;

}

.sub-item-link:active{

color:yellow;

}

.sub-item-link:foucs{

color:green;

outline-offset:2px;

outline:3px solid rgb(41, 207, 41);

}

.sub-item-link:visited{

color:gray;

}
问题报错:
1.你的 a 元素不应有任何文本装饰。
2.未访问的 link 应设置为你选择的颜色的文本颜色。
3. 当鼠标悬停时，links 应该改变颜色。
4. 当链接被点击时，链接应改变颜色。
5. 当获得焦点时，link 应该有轮廓。
6. 链接在访问后应改变颜色

2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.

image
image668×186 6.59 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.