Html 如何为UL类的LI中的DIV设置CSS规则？_Html_Css_Class

Html 如何为UL类的LI中的DIV设置CSS规则？

html css class

Html 如何为UL类的LI中的DIV设置CSS规则？,html,css,class,Html,Css,Class,我有一个查询结果列表。该列表将如下所示： <ul class="result"> <li></li> <li></li> <li></li> ... </ul> <ul class="result"> <li><div id="a"></div></li> <li><div

我有一个查询结果列表。该列表将如下所示：

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

<ul class="result">
    <li><div id="a"></div></li>
    <li><div id="a"></div></li>
    <li><div id="a"></div></li>
    ...
</ul>

问题是我不能为此设置任何CSS规则

我试过：

.wrapper #header #navline #searchbar .dropdown .result li#a{
    background-color: #fff;
    height: 10px;
    width: 15px;
}

以及

.wrapper #header #navline #searchbar .dropdown .result li #a{...}

而且

.wrapper #header #navline #searchbar .dropdown .result #a{...}

但什么都没用。我的想法中是否有错误，或者是否无法在

li

中添加

DIV

？

a）为您的元素使用唯一的

ID

B）你的CSS选择器太复杂了

C）它应该是

.result li#a

，因为

.result li#a

意味着

li

具有ID

D）将类用于

div

时，例如：

<ul class="result">
    <li><div class="aDiv"></div></li>
    <li><div class="aDiv"></div></li>
    <li><div class="aDiv"></div></li>
    <li><div class="aDiv"></div></li>
</ul>

或者，如果需要（您只想在特定的

元素#someId

中标记

），您可以使用稍微复杂一点的选择器：

#someId .result li .aDiv {
    /* CSS styles */
}

但是，链接ID选择器是多余的：

#someId #someOtherId #finallyThere .result li .aDiv {
    /* CSS styles */
}

因为，如前所述，id是唯一的，而不是：


使用
，然后你唯一应该做的是：.result li{style this this this}
你不能为每个div都有相同的id。因此，你必须添加类。
如下更新你的标记（因为ID应该是唯一的，所以可以改用类名）：
您还没有给出包含上述内容的所有html，因此可能需要进一步细化以满足您的需求
<!DOCTYPE html>
<html>
<head>
    <style>
        ul.result li div#a{ color: red; }
        ul.result li div#b{ color: green; }
        ul.result li div#c{ color: blue; }
    </style>
</head>
<body>
    <ul class="result">
        <li><div id="a">This is red</div></li>
        <li><div id="b">This is green</div></li>
        <li><div id="c">This is blue</div></li>
    </ul>
</body>
</html>


ul.result li div#a{颜色：红色；}
ul.result li div#b{颜色：绿色；}
ul.result li div#c{颜色：蓝色；}

这是红色的
这是绿色的
这是蓝色的

你以前有没有试过没有所有东西的。result？或ul。result li#count#count是一个打字错误。我已经更新了。对不起，你也许应该提到#someID.result li.aDiv
与.result li.aDiv的特殊性。难道没有更好的方法只使用一个div吗？难道没有更好的方法吗李使用一个div？
<ul class="result">
    <li><div class="a"></div></li>
    <li><div class="a"></div></li>
    <li><div class="a"></div></li>
    ...
</ul>

.wrapper #header #navline #searchbar .dropdown .result li .a {

}

<!DOCTYPE html>
<html>
<head>
    <style>
        ul.result li div#a{ color: red; }
        ul.result li div#b{ color: green; }
        ul.result li div#c{ color: blue; }
    </style>
</head>
<body>
    <ul class="result">
        <li><div id="a">This is red</div></li>
        <li><div id="b">This is green</div></li>
        <li><div id="c">This is blue</div></li>
    </ul>
</body>
</html>