CSS选择器

CSS有许多优点，比如容易针对所以同类型元素添加样式，减少工作量，当然正确使用选择器会让你事半功倍，若是使用不恰当，便会给你的工作徒增难度。一般我们在使用选择器时，它的结构最好不要超过三层，一方面可以简化样式选择器的长度，另一方面，方便代码的维护。

规则

选择器的规则分为两块，即选择器(selector)和声明块(declaration block)。CSS中有许多种类的选择器，比如行内选择器、ID选择器、类选择器、标签选择器、通配选择器......。

如上图，选择器定义了要设置文档中哪些部分，而声明块它是由多个声明组成，声明也就是图中的属性与属性值的组合。比如：属性1:值1->便是一个声明，像多个这样的声明，便组成了声明块。

选择器：常见的选择器有元素选择器：h1{}、p{}、div{}...；分组选择器：h1,h2,h3{}...；通配选择器：*{}；类(class)选择器：.select{}...；ID选择器：#select{}...；属性(4种)选择器：简单属性选择器，h1[ 属性名 ]{}...、属性及属性值选择器，h1[ 属性名=属性值 ]{}...、属性及部分属性值，h1[ 属性名~=属性值 ]{}...这里面又分好多子串匹配属性选择器，其符号与~ 用法类似（^=，开头匹配、$=，结尾匹配、*=，包含匹配）、特定属性值选择器，*{ 属性名|=" " ;}；后代选择器（也称包含选择器、上下文选择器），选择子元素（>），选择相邻兄弟元素（+）、伪类（链接伪类、动态伪类）和伪元素选择器......
选择器的种类很多，在开发过程中，我们应用好这些选择器，每一种的选择器都有它独特的应用情景，这会让我们的样式更严谨，更有重复性。
声明块：这一部分是由多个声明组成，主要看我们的需求，你需要什么样的样式，便写什么样的属性，比如普通标签和表单标签，哪些是标签共有的属性，哪些是表单标签特有的属性，要区分开来。
今日H5和CSS先告一段落，着重向JS进攻，但今后我还会发有关CSS和H5的心得体会。学海无涯，书山有路勤为径。