css - ul#Content は #Content ul と同じではありませんか?

Question

ul に期待どおりのインデントと箇条書きが表示されないため、css コードをデバッグしています。

私の CSS には UL がたくさんありますが、さまざまな方法で記述しています。私はそれらを統一しようとしました。つまり、div 名の後に ul を付けましたが、動作が異なります。これらのステートメントを1つの統一された方法で書きたいので、誰かが違いを理解するのを手伝ってくれますか?

ul#Content li {// do something}

#Content ul li {// do something}

score 7 · Accepted Answer

彼らは異なることを指摘しています：

ul#Content li {// do something}

id 'Content' を持つtypeliの要素内のすべての要素ulul

#Content ul li {// do something}

IDが「Content」のコンテナ内にliある要素内のすべての要素ul

問題は、「コンテンツ」はul、そのコンテナーの場合の ID ですか?

score 1 · Accepted Answer

いいえ、を含む aにul#content li含まれるすべての li に一致します。例:ulid="content"

<ul id="content">
    <li></li>
</ul>

#content ul liは、を持つ別の要素に含まれるにli含まれるものと一致します。例：ulid="content"

<div id="content>
    <ul>
        <li></li>
    </ul>
</div>

2 に答える 2