我是编程初学者。我正在尝试从头开始构建一个投资组合。在我的导航栏中，我想选择第一个链接以对其进行不同的着色。谁能告诉我从无序列表中选择第一个链接的最佳方法？
<ul id="main-nav">
<li>
<a href="#" class="nav-links">
<i class="fas fa-home"></i>Home</a>
</li>
<li>
<a href="#about" class="nav-links"><i class="fas fa-info-circle"></i>About Me</a>
</li>
<li>
<a href="#portfolio" class="nav-links"><i class="fas fa-image"></i>Portfolio</a>
</li>
<li>
<a href="#contact" class="nav-links"><i class="fas fa-envelope"></i>Contact</a>
</li>
</ul>
请记住，要重新着色链接，您不仅要选择第一个<li>元素，还要选择其中的元素<a>（因为链接不会自动继承其父元素的颜色）。
li:first-child a {
color: red;
}<ul id="main-nav">
<li>
<a href="#" class="nav-links">
<i class="fas fa-home"></i>Home</a>
</li>
<li>
<a href="#about" class="nav-links"><i class="fas fa-info-circle"></i>About Me</a>
</li>
<li>
<a href="#portfolio" class="nav-links"><i class="fas fa-image"></i>Portfolio</a>
</li>
<li>
<a href="#contact" class="nav-links"><i class="fas fa-envelope"></i>Contact</a>
</li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句