Tell us what’s happening:
I can’t seem to figure out my CSS issue with #14-19
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="item1">
<label for="item1">item1</label>
<ul class="sub-item">
<li>
<a class="sub-item-link" href="https://www.google.com" target="_blank">item1a</a>
</li>
</ul>
</li>
<li>
<input type="checkbox" id="item2">
<label for="item2">item2</label>
<ul class="sub-item">
<li>
<a class="sub-item-link" href="https://www.google.com" target="_blank">item2a</a>
</li>
</ul>
</li>
<li>
<input type="checkbox" id="item3">
<label for="item3">item3</label>
<ul class="sub-item">
<li>
<a class="sub-item-link" href="https://www.google.com" target="_blank">item3a</a>
</li>
</ul>
</li>
<li>
<input type="checkbox" id="item4">
<label for="item4">item4</label>
<ul class="sub-item">
<li>
<a class="sub-item-link" href="https://www.google.com" target="_blank">item4a</a>
</li>
</ul>
</li>
</ul>
</body>
</html>
/* file: styles.css */
a{
text-decoration:none;
color: blue;
}
.sub-item-link:hover{
color:pink;
}
.sub-item-link:active{
color:orange;
}
.sub-item-link:focus{
outline:red;
}
.sub-item-link:visited{
color:green;
}
Your browser information:
User Agent is: Mozilla/5.0 (iPad; CPU OS 26_2_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/143.0.7499.151 Mobile/15E148 Safari/604.1
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list