Html 要分配列表样式的div内部的特定于目标的ul:none

Html 要分配列表样式的div内部的特定于目标的ul:none,html,css,html-lists,Html,Css,Html Lists,我有一个div里面有两个UL。我想将列表样式:none应用于第一个UL的LI元素(它只有一个) 然而,当我尝试这样做时,它也适用于第二UL。请帮忙 div.com-amazon-webstore-LeftNavBrowse-2 ul:n个孩子(1)li{ 列表样式:无!重要; } div.com-amazon-webstore-LeftNavBrowse-2 ul.linkList.browseLadder li{ 列表样式:首字母; } 热销;冷疗

我有一个div里面有两个UL。我想将列表样式:none应用于第一个UL的LI元素(它只有一个)

然而,当我尝试这样做时,它也适用于第二UL。请帮忙

div.com-amazon-webstore-LeftNavBrowse-2 ul:n个孩子(1)li{
列表样式:无!重要;
}
div.com-amazon-webstore-LeftNavBrowse-2 ul.linkList.browseLadder li{
列表样式:首字母;
}



您的第二个列表位于第一个列表中,而第一个列表并不使其成为div的直接子列表。因此,您可以使用直接选择第一个列表

.com-amazon-webstore-LeftNavBrowse-2>ul>li

对于第二个列表,可以使用选择器

.com-amazon-webstore-LeftNavBrowse-2>ul>li

.com-amazon-webstore-LeftNavBrowse-2>ul>li{
背景颜色:灰色;
}
.com-amazon-webstore-LeftNavBrowse-2>ul>ul>li{
背景颜色:绿色;
}


div ul:first-child li {
    list-style: none;}