谈谈一些有趣的 CSS 问题（8）-- CSS 导航栏 Tab 切换方案

作者: chokcoco创建于 2019年3月18日更新于 2025年4月30日

标签原理技巧

The following is a structure that can capture the click event using the :checked pseudo-class:

xml

<input class="nav1" type="radio">

<ul class='nav'>
  <li>List 1</li>
</ul>

css

.nav1:checked ~ .nav li {
  // Perform style operations
}

内容来源: chokcoco/iCSS