html导航栏点击后变色不包含java

如果您不想使用JavaScript，您可以使用CSS的:checked伪类来实现导航栏点击后变色的效果。具体做法是，在导航栏的HTML代码中使用input元素作为导航栏元素的标识符，然后在CSS样式中使用:checked伪类为被点击的导航栏元素添加样式。以下是一个示例代码：

HTML代码：

<ul class="nav">
  <li>
    <input type="radio" id="nav-item-1" name="nav-item" checked>
    <label for="nav-item-1">Home</label>
  </li>
  <li>
    <input type="radio" id="nav-item-2" name="nav-item">
    <label for="nav-item-2">About</label>
  </li>
  <li>
    <input type="radio" id="nav-item-3" name="nav-item">
    <label for="nav-item-3">Contact</label>
  </li>
</ul>

CSS样式：

.nav label {
  color: black;
}

.nav input:checked + label {
  color: red;
}

当用户点击某个导航栏元素时，该元素对应的input元素会被选中，从而实现变色的效果。注意，每个input元素的name属性必须相同，否则点击一个导航栏元素会取消其他元素的选中状态。