Question

我试图将ol，ul css限制为特定部分（div）。下面是代码。我尝试仅在第一个div中应用css for ul。但它适用于两个div中存在的ul的css。如何将它限制在第一个div部分？我不想使用css类。

＆＃13;

<!DOCTYPE html>
    <html>
    <head>
    <style>
       #menu ol, ul {
        list-style: none;
        }
    </style>
    </head>
    <body>

    <h1>My First CSS Example</h1>
    <p>This is a paragraph.</p>

    <div id="menu">
      <ul>
      <li>First</li>
      <li>Second</li>
       </ul>
    </div>

    <div>
      <ul>
      <li>First</li>
      <li>Second</li>
       </ul>
    </div>

    </body>
    </html>

＆＃13;

Answer 1

请记住，以逗号分隔的选择器被视为＆＃34;作为新的＆＃34;并且不依赖于以前的选择器。您应该使用：#menu ol, #menu ul。

Answer 2

使用：

#menu ul {
    list-style: none;
}

当您对css规则使用逗号分隔选择器时，它适用于它们。因此第二个选择器ul适用于两个div

如何将ol，ul css限制为div？

2 个答案: