は、適切なCSSの構文

Question

書いて、私のスタイルシート内の要素を参照し、

ul#display-inline-block-example li 

そして

#display-inline-block-example ul li 

同じものでしょうか？どちらが間違っていないのであれば？

Answer 1

いいえ、そうではありません。

最初の秒で任意の要素型の内側にネストされul、内部にネストされliにスタイルを適用しているID display-inline-block-example

ul

と内側にネストされliにスタイルを適用しています最初のID display-inline-block-example

Answer 2

第2のセレクタでは、の後継者であり、祖先として#display-inline-block-exampleという要素があります。これは別のことです。

Answer 3

番号：

ul#display-inline-block-example li 

がunordere内のリスト項目を標的としますdリストにはiddisplay-inline-block-exampleが含まれています。

第

：

#display-inline-block-example ul li 

容器（何もすることができる）iddisplay-inline-block-exampleを有する非順序リスト内のリスト項目を標的とします。

Answer 4

1.ul＃表示インラインブロック、例えばリチウム

2＃表示-インラインブロック、例えばULのリチウム

最初のものは、ID = "＃ディスプレイ - と内部のLiを標的としますインラインブロック、例えば表示インラインブロック、例えば 『 のLi/Liの」ULのID =

ように』 - もう一つは、すべてのULを標的とする

1.firstセレクタがこの要素を標的とする /UL idセレクタ "#disを持つ要素内のli 「例えば

を：

のdivのid = "-インラインブロックの例を再生表示-インラインブロック-例/ UL" UL李/李 - ulのリチウム/リチウム/ UL - これらが影響を受けてしまいますがこの "＃display-inline-block-example ul li"セレクタを使用してスタイルを書く場合 /div