css - CSS クラスと要素の選択

Question

誰かが違いを説明できますか、

.class p {..}

対、

p.class {...}

CSS をクラス .class と P タグに適用する方法はどちらも同じですか? それとも機能的な違いはありますか？

Answer 1

.class p段落タグを含む「クラス」のクラスを持つものです。

p.class「class」のクラスを持つ段落タグです

Answer 2

違いは、

• 最初のセレクターは、クラス「class」を持つ要素内の段落に適用されます
• 2 番目のセレクターは、クラス「class」を持つ段落に適用されます

最初のセレクターは、ここで内部 p に適用されます。

<someElement class="class">
     doesn't apply outside p
     <p>apply inside p</p>
</someElement>

2 番目のセレクターがこれに適用されます。

<p class="class">selector 2</p>

CSS セレクターのリファレンス

Answer 3

最初の .class p{} は、

2 番目の p.class{} は、

Answer 4

セレクターの w3c 仕様を確認することをお勧めします

.class pのクラスを持つ要素のすべての段落要素の子孫を選択しますclass

p.classクラスを持つすべての段落要素を選択しますclass。