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>

第二个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>上课“上课”

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.