Показать сообщение отдельно
  #8 (permalink)  
Старый 20.09.2023, 13:45
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,491

ixiz, можно без js, но это уже на любителя:
<ul class="nav-list">
  <label>
    <input type="radio" name="color"/>
    <li style="--active-color: red" class="nav-list__item">
      Красный
    </li>
  </label>
  <label>
    <input type="radio" name="color"/>
    <li style="--active-color: green" class="nav-list__item">
      Зеленый
    </li>
  </label>
  <label>
    <input type="radio" name="color"/>
    <li style="--active-color: blue" class="nav-list__item">
      Синий
    </li>
  </label>
  <label>
    <input type="radio" name="color"/>
    <li style="--active-color: gray" class="nav-list__item">
      Сброс
    </li>
  </label>
</ul>

<style> 
  .nav-list input[type="radio"] {
    display: none;
  }
  .nav-list input[type="radio"]:checked + li {
    color: var(--active-color);
  }  
</style>



Кстати возможно тебе бы хватило :target если ссылки по хэшу.
__________________
29375, 35
Ответить с цитированием