如何学习CSS 高级语法

1、选择器的分组。 有的时候很多不同的元素有着一样的样式，这个时候我们就要使用选择器分组来实现了。这会大大的简化代码。

6个标题使用了同样的红色。

h1,h2,h3,h4,h5,h6 {  color:red;  }

2、继承及其问题。如何你已经声明了父元素的样式，那么所有的子元素就应该是同样的样式。但是这仅仅是一种理想状态。因为你没有考虑浏览器的不同，为了让所有的浏览器都可以保持一个样式，我们就要再对子元素进行一下声明。

3、CSS 派生选择器。对于很多元素中有特殊样式的问题。我们就要进行派生选择器的使用，从而让一些个例现象也得到样式外观的满足。

这就是一个列表元素当中的 strong元素特例的声明。

li strong {    font-style: italic;    font-weight: normal;  }

其实应用例子

h2 strong {     color: blue;     }

4、CSS 后代选择器，这个代码也类似于上面的概念。

h1 em {color:red;}

5、CSS 子元素选择器，这个也是一个选择的上下级关系。

h1 > strong {color:red;}

6、CSS 相邻兄弟选择器。这就是让两个元素是相邻的才会产生这种变化。

h1 + p {font-size:50px;}