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

HTML-CSS
1

状況を説明しましょう:

  1. Unvisited links should have a text color set to a color of your choice.

What should I do to solve this?

現状のコード

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

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

<body>
 <h1>My To-Do List</h1>
  <ul class="todo-list">
   
   <li>
    <input id="explore" type="checkbox"/> 
    <label for="explore">Explore gaming keyboards</label>
     <ul class="sub-item" style="list-style-type: square;">
     <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Store link</a></li></ul>
   </li>  
   
   <li>
    <input id="report" type="checkbox"/>
    <label for="report">Finish the report</label>
     <ul class="sub-item" style="list-style-type: square;">
      <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Request Access</a></li></ul>
   </li>
   
   <li>
    <input id="phone" type="checkbox"/>
    <label for="phone">View Phone's Warranty</label>
     <ul class="sub-item" style="list-style-type: square;">
      <li><a class="sub-item-link" href="https://www.google.com" target="_blank">View Receipts</a></li></ul>   </li>
   
   <li>
    <input id="Check" type="checkbox">
    <label for="Check">Check Processor Specs</label>
    <ul class="sub-item" style="list-style-type: square;">
     <li><a class="sub-item-link" href="https://www.google.com" target="_blank">View Model Number</a></li></ul>
   </li>
  </ul>


</body>

</html>

/* file: styles.css */

a {
  text-decoration: none;
}

.sub-item-link:unvisited {
  color: darkblue;
}

.sub-item-link:visited {
  color: purple;
}

.sub-item-link:hover {
  color: orange;
}

.sub-item-link:focus {
 outline: 2px yellow;
}

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

ブラウザ情報:

ユーザーエージェント: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36 Edg/144.0.0.0

チャレンジの情報:

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

2

are you sure that :unvisited is a valid selector? you may want to review this lesson https://www.freecodecamp.org/japanese/learn/responsive-web-design-v9/lecture-styling-lists-and-links/how-do-you-style-the-different-link-states