HTML无序列表：两种状态的展示

在HTML中，无序列表是由<ul>标签定义的，而列表项则是由<li>标签定义的，如果你想要在两个不同的状态下显示这两个列表，你可以使用CSS来改变它们的样式，以下是一个简单的例子，展示了如何设置两个无序列表的状态。

我们创建两个无序列表：

<ul id="list1">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>
<ul id="list2">
  <li>项目A</li>
  <li>项目B</li>
  <li>项目C</li>
</ul>

我们可以使用CSS来改变这两个列表的样式，我们可以让第一个列表的项目颜色为蓝色，第二个列表的项目颜色为红色：

#list1 li {
  color: blue;
}
#list2 li {
  color: red;
}

这样，当你打开这个网页时，你会看到两个列表，它们的状态是不同的，你可以通过点击或悬停在列表项上来改变它们的状态。

这只是一个简单的例子，实际上你可以使用CSS来实现更复杂的效果，你可以使用动画来改变列表项的颜色，或者使用过渡效果来平滑地改变列表项的样式，你也可以使用JavaScript来动态地改变列表项的状态，当用户点击一个按钮时，你可以切换列表项的颜色。