<分区>
我正在尝试使用 nth-child();
使每个 li 具有不同的颜色
这是我的 CSS:
header ul a:nth-child(1) {
color: #8cf;
}
header ul a:nth-child(2) {
color: #f8c;
}
header ul a:nth-child(3) {
color: #8fc;
}
header ul a:nth-child(4) {
color: #b9b;
}
header ul a:nth-child(5) {
color: #c8c;
}
这是我的 html:
<body>
<div id="main">
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="forums.html">Forums</a></li>
<li id="iamhere"><a href="instruction.html">Instruction</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
虽然我在任何地方都没有提到紫色,但一切都是紫色的。