Tell us what’s happening:
Hello, I was wondering why 18 is incorrect, but I already input a color on a:visited
Your code so far
<!-- 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>
<ul class="todo-list">
<li>
<input type="checkbox" id="coryxkenshin">
<label for="coryxkenshin">Watch CoryxKenshin Videos</label>
<ul class="sub-item">
<li><a href="https://www.youtube.com/@CoryxKenshin" class="sub-item-link" target="_blank">Click Here</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="zenless">
<label for="zenless">Playing Zenless</label>
<ul class="sub-item">
<li><a href="https://www.youtube.com/@CoryxKenshin" class="sub-item-link" target="_blank">Click Here</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="reading">
<label for="reading">Reading Bible</label>
<ul class="sub-item">
<li><a href="https://www.youtube.com/@CoryxKenshin" class="sub-item-link" target="_blank">Click Here</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="coding">
<label for="coding">Practice Coding</label>
<ul class="sub-item">
<li><a href="https://www.youtube.com/@CoryxKenshin" class="sub-item-link" target="_blank">Click Here</a></li>
</ul>
</li>
</ul>
</body>
</html>
/* file: styles.css */
body{
background-color:grey;
}
a:hover{
color:aqua;
}
a:visted{
color:salmon;
}
a:focus{
outline: 1px solid black;
}
a:active{
color:white;
}
a{
text-decoration:none;
color:red;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list
