css样式表

Question

我正在更改wordpress样式表并找到了这个

.banner ul ul

这已经是.banner ul的所有部分，所以即是。

.banner ul {blabla}
  .banner ul ul {blabla}
   . banner ul ul ul {blabla} 

我想知道这是做什么的，这只针对第二个/第三个ul吗？

Answer 1

假设这不是一个错误（似乎不是），那表示css应用于另一个ul内的ul，如下所示：

 <div class="banner">
    <ul>
        <li>
            ...
        </li>
        <li> 
            <ul> <----
                <li>...</li>
                <li>...</li>
            </ul>
        </li>
     </ul> 
 </div>

只有第二ul内的内容会受到.banner ul ul

内部内容的影响

Answer 2

样式表的作者可能打算提供一个更具特异性的选择器，以覆盖可能影响<ul>内<ul>的其他现有样式（正如其他人所提到的）。您的网站很可能包含内嵌<style>块或其他样式表，这些样式表也会尝试设置相同元素的样式。虽然它可能与父样式相同，但通过更具体的选择器，这种样式将更有可能应用于冲突的样式。