这个CSS有什么区别？

Question

我通常只是在我走的时候弄清楚它最终会起作用，但我正在努力弄清楚真正的区别是什么，所以我可以变得更善于使用CSS，这是有什么区别...

H2.class

和

H2 .class

我可以做....

.class.H2   ?

Answer 1

H2.class

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

H2 .class

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

Answer 2

第一个H2.class会将样式应用于此：

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

第二个H2 .class会对此应用一种风格：

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

最后，第三个.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>上课'class'

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的类的元素。