CSS选择器的区分

最近在写一个网站的静态页面，开始了自学前端的编程知识。其中有关CSS选择器几点，搞了很久才搞明白，特地记录下来。

多类选择器

如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：

.important {font-weight:bold;}.

warning {font-style:italic;}.

important.warning {background:silver;}

记住，important和warning之间是没有空格的（如果有空格，那完全试另外一个意思了----后代选择器）。

后代选择器

如果您希望只对 h1 元素中的 em 元素应用样式（不论下面多少个层级）。
h1 em {color:red;}
你要选择important类下，warning类的所有元素，那就应该这样：
important .warning {background:silver;} (记住中间有空格的哦)

子元素选择器

如果不希望选择所有后代，之选择下面的直接后代，那就应该这样来写。

h1 > em {color:red;} 
`important  > .warning {background:silver;}