如何设置一组<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;
}