在 CSS 中，当列表中有列表时，我无法覆盖父列表样式

如果我有一个

列表，其中包含规则“list-style-type: none”（以及
• 项目的规则“background-image: url(whatever.jpg)”），我似乎看不到如果我有一个
  列表作为其中一个
  • 项目的子项，则覆盖这些规则。我想让子列表具有经典样式“list-style-type：disc”，但浏览器似乎忽略了这一点，因此我具有用于子列表项的父列表项的相同背景图像。

这是 HTML：

<ul class="blueArrow">    
    <li>
        <ul>
            <li>...</li>   
            ...
        </ul>
     </li>
</ul>

And the CSS:

ul.parentClass {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 1.076923076923077em;
}

ul.blueArrow li {
    padding-left: 17px;
    line-height: 22px;
    vertical-align: middle;
    position: relative;
    clear: both;
    display: block;
    height: 22px;
    background-color: white;
background: transparent url(../images/arrowblue.png) no-repeat scroll 0 3px;
    color: #086189;
    position: relative;
}

ul.blueArrow li ul {
list-style-type: disc;
background-image: none;
}

请记住，最具描述性的选择器优先。

这将起作用：

ul.blueArrow li ul, ul.blueArrow li ul li {
list-style-type: disc;
background-image: none;
}

这是 CSS 选择器的 W3 指南：http://www.w3.org/TR/CSS2/selector.html http://www.w3.org/TR/CSS2/selector.html