html-lists - 如何在不影响同一页面中其他人的情况下设置一组 的样式

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;
}