只给第2,4,6,8个li单独样式

如果你想要给列表中的第2、4、6、8个 `<li>` 元素单独添加样式，你可以使用CSS的`:nth-child()` 伪类选择器来实现。以下是一个示例：

li:nth-child(2),
li:nth-child(4),
li:nth-child(6),
li:nth-child(8) {
  /* 在这里添加你想要的样式 */
}

在上述示例中，我们使用 `:nth-child()` 选择器来选中列表中的第2、4、6、8个 `<li>` 元素。你可以在选择器后面添加你想要的样式，例如修改文本颜色、背景色、字体大小等。

请确保将上述CSS代码应用到你的HTML文档中，以便样式能够生效。你可以将代码放置在 `<style>` 标签内部，或者将其放入外部的CSS文件中，并在HTML中引用该文件。

希望这个解答对你有帮助！如有需要，请继续提问。

相关问题

css样式选择li里面的第二个div

您可以使用以下CSS选择器来选择`<li>`元素中的第二个`<div>`元素：

li div:nth-of-type(2) {
  /* CSS样式 */
}

这将选择每个`<li>`元素中的第二个`<div>`元素并应用相应的CSS样式。

只让第一个li显示，按下button后显示其他li

你可以使用JavaScript来实现这个效果。首先，你可以将除了第一个li以外的所有li隐藏，可以通过设置它们的CSS属性display为none来实现。然后，在button的click事件中，你可以将所有li的display属性设置为block，这样就可以显示所有li了。

HTML代码：

<ul>
  <li>第一个列表项</li>
  <li style="display: none;">第二个列表项</li>
  <li style="display: none;">第三个列表项</li>
  <li style="display: none;">第四个列表项</li>
  <li style="display: none;">第五个列表项</li>
  <li style="display: none;">第六个列表项</li>
  <li style="display: none;">第七个列表项</li>
  <li style="display: none;">第八个列表项</li>
  <li style="display: none;">第九个列表项</li>
  <li style="display: none;">第十个列表项</li>
  <button id="show-list">显示列表</button>
</ul>

JavaScript代码：

const showListButton = document.getElementById('show-list');
const listItems = document.querySelectorAll('li');

showListButton.addEventListener('click', function() {
  listItems.forEach(function(item) {
    item.style.display = 'block';
  });
});

这样，当用户点击button时，所有li都会显示出来。