3

クエリの結果のリストがあります。そのリストは次のように表示されます。

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

li:beforeここで、レイヤーのようなものや DIV をに追加したいと思いliます。

だから私はそのようにすることが可能だと思った：

<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{...}

しかし、何も機能しませんでした。私の考えに間違いがありますか、または に を追加することはできませんDIVかli?

4

5 に答える 5

10

IDA）要素に一意の を使用する

B) CSS セレクターが複雑すぎる

C) それは、 s が ID を持っている.result li #aこと.result li#aを意味するためです。li

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>

セレクターは次のようになります

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

<ul class="result">または、必要に応じて (特定の 内でのみタグ付けしたい場合element#someId)、もう少し複雑なセレクターを使用できます。

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

ただし、ID セレクターの連鎖は冗長です。

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

前述のように、ID は一意であるためです。

于 2013-04-16T12:38:31.290 に答える
1

代わりに:<li><div id="a"></div></li> を使用<li><div class="a"></div></li>し、次に行うべきことは次のとおりです: .result li{style this thing}

于 2013-04-16T12:38:53.087 に答える