6.4. Технологи вспомнили о новичках

Работа над заданием

Задание принимается автоматически после нажатия на кнопку «Задание готово»

После череды успешных разработок наши технологи перешли от фич для уже бывалых игроков к фичам для новичков. Теперь они хотят сделать чуть более красивый FAQ. Сейчас он представляет собой вложенный список из вопросов-ответов, и ребята хотят, чтобы на разных уровнях вложенности ответы были разных цветов для наглядного разделения разделов.

Используя пример вёрстки ниже, раскрасьте фон li разных уровней вложенности списков в следующие цвета по очереди: #DCD6F7, #A6B1E1, #B4869F. Также нужно предусмотреть, что уровней вложенности может быть и больше трёх — просто красьте следующую вложенность, начиная с первого в этом списке цвета.

Пример вёрстки

<ul>
  <li>
    <h3>А что можно делать в "Ударе легенд"?</h3>
    <p>Всё, даже грабить караваны!</p>
  </li>
  <li>
    <h3>Всё, что касается раннего доступа</h3>
    <ul>
      <li>
        <h4>Когда игра выйдет из раннего доступа?</h4>
        <p>Через два года в лучшем случае</p>
      </li>
      <li>
        <h4>Вы что, маленькая инди компания, ставить такие долгие сроки?</h4>
        <p>Да</p>
      </li>
      <li>
        <h4>Всё про покупки в раннем доступе</h4>
        <ul>
          <li>
            <h5>Что случится со всем, что я купил в общем доступе?</h5>
            <p>Мы аннулируем все покупки</p>
          </li>
          <li>
            <h5>Но вернете деньги?</h5>
            <p>Нет</p>
          </li>
          <li>
            <h5>Кто это придумал??</h5>
            <ul>
              <li>
                <h5>Главный технолог</h5>
                <p>Анастасия Настина</p>
              </li>
              <li>
                <h5>CTO</h5>
                <p>Александр Алексеев</p>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>
    <h3>Кто реализовал все крутые фичи со счетом после игры?</h3>
    <p>Тот, кто это читает &lt;3</p>
  </li>
  <li>
    <h3>Как вы боретесь с читерами</h3>
    <ul>
      <li>
        <h4>Короткий ответ</h4>
        <p>Сейчас никак</p>
      </li>
      <li>
        <h4>Ответ длиннее</h4>
        <p>Пока что у нас нет денег на разработку анти-чита</p>
      </li>
    </ul>
  </li>
</ul>