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

HTML-CSS
1

Tell us what’s happening:

Вот текст, который ты можешь отправить на форум от своего лица:

Ребята, я застрял на задании с todo-list и ссылками и не понимаю, что именно от меня хотят.

У меня есть конфликт в тестах:

один пункт говорит, что элементы должны содержать текст
другой пункт говорит, что элементы не должны содержать никакого текста

Из-за этого я пробовал оба варианта:

С текстом внутри :
Sub Item

-> проходит проверку с текстом, но ломает проверку "не должно быть

Your code so far

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

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

<body>

<ul class="todo-list">

  <li>
    <input type="checkbox" id="elem1">
    <label for="elem1">Elem1</label>

    <ul class="sub-item">
      <li>
        <a href="https://example.com/1" class="sub-item-link" target="_blank">Sub Item 1</a>
      </li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="elem2">
    <label for="elem2">Elem2</label>

    <ul class="sub-item">
      <li>
        <a href="https://example.com/2" class="sub-item-link" target="_blank">Sub Item 2</a>
      </li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="elem3">
    <label for="elem3">Elem3</label>

    <ul class="sub-item">
      <li>
        <a href="https://example.com/3" class="sub-item-link" target="_blank">Sub Item 3</a>
      </li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="elem4">
    <label for="elem4">Elem4</label>

    <ul class="sub-item">
      <li>
        <a href="https://example.com/4" class="sub-item-link" target="_blank">Sub Item 4</a>
      </li>
    </ul>
  </li>

</ul>

</body>
</html>

/* file: styles.css */
.sub-item-link:link {
  color: blue;
}

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

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

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

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36

Challenge Information:

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

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-stylized-to-do-list/66c051d13a6a20255a963695.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @adamfadim46!

The only issue with your code is:

  1. Your a elements should not have any text decorations.

You just need to add another CSS selector to handle that.

Happy coding!