如何在不影响同一页面中的其他人的情况下设置一组 <li> 的样式

Question

我的页面中有 <li> 组。 我只想在不影响其他 <li> 的情况下为导航的第一组设置样式。

说：

Group 1 (nav)
<li>Link</li>
<li>Link</li>
<li>Link</li>

Group 2 & others
<li>Link</li>
<li>Link</li>
<li>Link</li>

我只想设置第一组的样式而不影响其他组 CSS:

ul {
  list-style-type: none;
}

ul li {
display: inline;
padding: 20px;
}

怎么做？ 谢谢。

Answer 1

只需将 nav 添加为父项：

nav ul {
  list-style-type: none;
}

nav ul li {
    display: inline;
    padding: 20px;
}