css - このCSSの違いは何ですか?

Question

私は通常、行くにつれてこれを理解し、最終的には機能しますが、実際の違いが何であるかを理解しようとしているので、CSS にもう少し慣れることができます。

H2.class

と

H2 .class

そして、私はできますか....

.class.H2   ?

Answer 1

H2.クラス

<h2 class="class">stuff</div>

H2 .クラス

<h2><span class="class"></span></h2>

Answer 2

最初H2.classはこれにスタイルを適用します:

<h2 class="class"></h2>

2番目H2 .classはこれにスタイルを適用します:

<h2><ANY class="class"></ANY></h2>

最後に、3 番目.class.H2はこれにスタイルを適用します。

<ANY class="class H2"></ANY>

MDN を読んでください: https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax?redirectlocale=en-US&redirectslug=CSS%2FSyntax

Answer 3

1) H2.class の意味<h2 class="class">..

<h2>クラス「クラス」を持つ

2) H2 .class の意味<h2><div class="class">..

<h2>子孫「.class」を持つ

3) .class.H2 の意味<h2 class="class">..

最初と同じ

Answer 4

H2.class

h2のタグを意味しますclass="class"

H2 .class

次のようなh2タグ内の要素を意味します。class="class"

<h2>THis is <span class"class">it</span></h2>

等々..

.class.H2   ?

のクラスを持つクラスのクラスを持つ要素を意味しh2ます。