html - 在向 CCS3 中的导航列表添加空间时需要帮助

Question

我需要在导航列表中的某些项目之间添加一个空格，但不确定如何操作。一些帮助将不胜感激。

这是HTML

<nav>
      <ul>
         <li><a href="tss_home.html">Home Page</a></li>
         <li><a href="tss_run.html">Running Class</a></li>
         <li><a href="tss_bike.html">Cycling Class</a></li>
         <li><a href="tss_swim.html">Swimming Class</a></li>
         <li><a href="tss_coach.html">Coaches</a></li>
         <li><a href="http://www.active.com/">Active.com</a></li>
         <li><a href="http://www.runnersworld.com/">Runner's World</a></li>
         <li><a href="https://www.endomondo.com/">endomondo.com</a></li>
         <li><a href="http://www.strava.com/">Strava</a></li>
         <li><a href="http://www.bicycling.com/">Bicycling Magazine</a></li>
         <li><a href="http://velonews.competitor.com/">VeloNews</a></li>
         <li><a href="http://bicycletutor.com/">Bicycle Tutor</a></li>
         <li><a href="http://www.swimsmooth.com/">Swim Smooth</a></li>
         <li><a href="http://www.swimmingworldmagazine.com/">Swimming World</a></li>
         <li><a href="http://www.usaswimming.org/">USA Swimming</a></li>
         <li><a href="http://www.triathlon.org/">triathlon.org</a></li>
         <li><a href="http://www.usatriathlon.org/">usatriathlon.org</a></li>
         <li><a href="http://www.trifind.com/tx.html">Texas Triathlons</a></li>
         <li><a href="http://www.captextri.com/">CapTex Triathlon</a></li>
         <li><a href="http://www.trifind.com/">Triathlon Calendar</a></li>
         <li><a href="http://triathlon.competitor.com/">Triathlete.com</a></li>
         <li><a href="http://www.trifuel.com/">Trifuel.com</a></li>
      </ul>
  </nav>

我需要在第 5 行和第 6 行之间以及第 15 行和第 16 行之间放置一个空格。不确定如何在 CCS 中执行此操作。

Answer 1

这可以在 CSS3 中通过使用第 nth-child 来实现

nav ul li:nth-child(6), nav ul li:nth-child(16)
{
    margin-top: 5px;
}