css - ul#someid と #someid ul の違い

Question

簡単な質問です。ul#someidとはどう違い#someid ulますか？

Answer 1

最初のものは、の属性を<ul>持つ要素を選択します。2 つ目は、 ofを持つ任意の要素の内部にあるすべての要素を選択します。スペースは大きな違いを生みます。idsomeid<ul>idsomeid

Answer 2

1 つ目はulの ID を持つノードをターゲットにしsomeidており、2 つ目はIDulを持つノードの子ノードのどこかにある をターゲットにしています。someid

最初のパターンは次のように一致します。

<ul id="someid">
   ...
</ul>

2 番目のパターンは次のように一致します。

<div id="someid">
  <ul>
    ...
  </ul>
</div>

Answer 3

前者のセレクター<ul>は idを持つ a を選択#someidし、後者は子孫として aを持つ id#someidを持つ要素を探します。<ul>スペースは子孫コンビネータと呼ばれます