Jquery 如何解决此问题-设置两个列表的样式

我正在为一家虚拟航空公司制作一个网站。我有一个为我的topnav div设计的列表，但是我只想要我正在使用的另一个div的常规列表。我想使用的另一个div是jQuery选项卡。问题是，它从.common调用列表定义，这是jQuery选项卡的主要div，因此我的列表没有点，并且不像列表那样工作，在一行中并且破坏了格式

.usual li { 
    list-style:none; 
    float:left; 
}

HTML

<div class="usual">
  <ul class="idTabs">
    <li><a href="#idTab1" class="selected">Introduction</a></li>
    <li><a href="#idTab2">Recruitment</a></li>
    <li><a href="#idTab3">Management</a></li>
    <li><a href="#idTab4">Operating Procedures</a></li>
    <li><a href="#idTab5">Airline Rules & Policies</a></li>
  </ul>

    <div class="pilot_handbook" id="idTab1">
    <p>Hello there</p>

    <br/>
    <div class="msg-yellow"><strong>Tip:</strong> Navigate the handbook by the tabs on the top. These allow you to access different sections of the handbook.</div>
    <br/>

    </div>

    <div class="pilot_handbook" id="idTab2">
    <p><strong>1.1 Testing<br />
  </strong><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ul class="basic_list">
  <li>Testing 1</li>
  <li>Testing 2</li>
  <li>Testing 3</li>
</ul>
    </div>

---

只需在选择器中指定类

idTabs

：

.usual .idTabs li { 
    list-style:none; 
    float:left; 
}

而不是：

.usual li { ... }

使用：

因为它更特定于您要设置样式的区域。

您的

未关闭

为清晰起见，请编辑：

---

您的div.comment包含两个列表，因此它们将获得您为其中的列表设置的样式。要么只更改一个div的样式，要么将第二个列表移到div之外。通常

css问题的提琴是必需的！是的，对不起，我漏了一个标签。我会添加它，这样我就不会让人感到困惑了..通常li会设置jQuery选项卡的样式，您可以单击它。因此，如果我改变它，标签将是垂直的，混乱不堪。我改变了另一个div来设置标签上的填充和边距，它实际上起了作用。非常感谢。

.usual li { ... }

.idTabs li { ... }