关于CSS基础选择器、字体系列样式、文本样式以及CSS使用方式，参见Web前端开发-CSS入门干货01。下面再补充下属性选择器。
e）属性选择器
CSS 属性选择器可以根据元素的属性以及属性值来选择元素，其中类选择器和ID选择器是属性选择器的特例。
属性选择器语法：
[属性] {样式}：为含有属性的标签设定样式；
[属性=属性值] {样式}：为含有属性且特定属性值的标签设定样式；
[属性=^部分属性值] {样式}：为含有属性且属性值的开头是满足条件的标签设定样式；
[属性$=部分属性值] {样式}：为含有属性且属性值的结尾是满足条件的标签设定样式；
[属性*=部分属性值] {样式}：：为含有属性且属性值中含有满足条件片段的标签设定样式；
注意：IE7 和 IE8 需声明 !DOCTYPE 才支持属性选择器！IE6 和更低的版本不支持属性选择器。
1.CSS复合选择器
（1）复合选择器是什么
复合选择器是由两个或多个选择器通过不同方式组合而成，其中选择器可以说基础选择器也可以是复合选择器。
（2）复合选择器分类
后代选择器、子选择器、并集选择器、伪类选择器等
1）后代选择器
后代选择器：对于嵌套元素，通过后代选择器可以选择到所有后代元素。
应用语法：选择器1 选择器2 {样式}
通过上述语法可以将选择器1下的选择器2所对应的所有元素设定为相应样式。
2）子选择器
子选择器：对于嵌套元素，通过子选择器可以选择到子元素。
应用语法：选择器1>选择器2 {样式}
通过上述语法可以将选择器1下的选择器2直接对应的元素设定为相应样式。
后代选择器和子选择器的区别在于，后代选择器会选择所有复合条件的后代，包括儿子、孙子以及更多；子选择器回选择复合条件的儿子元素。
3）并集选择器
并集选择器：可以同时选择多个选择器，并为它们对应相同的样式。
应用语法：选择器1,选择器2 {样式}
通过上述语法可以将选择器1、选择器2对应的元素均设定为相应样式。
4）伪类选择器
伪类选择器：用于对元素添加特殊效果，比如给链接添加特殊效果
伪类选择器分类：链接伪类选择器、:focus伪类选择器
a）链接伪类选择器
a:link /*选择所有未被访问的链接*/
a:visited /*选择所有已被访问的链接*/
a:hover /*选择鼠标指针所在的链接*/
a:active /*选择活动链接（鼠标按下未弹起的链接）*/
为确保链接伪类选择器设定生效，在设置时需要按照LVHA的顺序进行。
b）:focus伪类选择器
其用于选择获得焦点的表单元素。
input:focus /选择input类表单元素/
2.CSS样式-背景
接着在Web前端开发-CSS入门干货01中介绍的字体、文本系列样式，下面介绍背景。
c）背景系列，属性有背景颜色、背景图片、背景平铺、背景图像固定、背景图片位置等；backgroud-color、backgroud-image、background-repeat、background-attachment、background-position；