1.子元素和后代元素选择器
元素之间的关系：
父元素：直接包含子元素的元素
子元素：直接被父元素包含的子元素
祖先元素：直接或间接包含后代元素的元素（父元素也是祖先元素）。
后代元素：直接或间接被后代元素包含的元素（子元素也是后代元素）。
兄弟元素：拥有相同父元素的元素叫做兄弟元素。
（1）后代元素选择器
作用：选中指定元素的指定后代元素。
语法：
祖先元素 后代元素{
}
（2）后代元素选择器
作用：选中指定父元素的指定子元素
语法：
父元素>子元素
IE6以下的浏览器不支持子代选择器。
2.伪元素
使用伪元素来表示元素中的一些特殊位置
（1）p:first-letter
为p中第一个字符设置颜色：
p:first-letter{
}
（2）p:first-line
为p中第一行设置颜色：
p:first-line{
}
（3）:before
表示前面的内容。一般结合content样式使用，通过content可以向before或者after位置添加一些内容。
p:before{
content:”文本内容”;
}
（4）:after
p:after{
content:”文本内容”;
}
3.属性选择器
作用：可以根据元素中的属性或属性值来选取指定元素
语法：
[属性名]选取含有指定元素的属性
[属性名=”属性值”]选取含有指定属性值的元素
[属性名^=”属性值”]选取属性值以指定内容开头的元素
[属性名$=”属性值”]选取属性值以指定内容结尾的元素
[属性名*=”属性值”]选取属性值以包含指定内容的元素
[属性名~=”属性值”]选取属性值以包含指定内容的元素，适用于由空格分隔的属性值
[属性名|=”属性值”]选取属性值以包含指定内容的元素，适用于由连字符分隔的属性值
（1）p[title]
为所有具有title属性的p元素设置
p[title]{
}
（2）p[title=”hello”]
为title属性为hello的元素设置
p[title=”hello”]{
}
（3）p[title^=”ab”]
为title属性以ab开头的元素设置
p[title^=”ab”]{
}
（4）p[title$=”bd”]
为title属性以bd结尾的元素设置
p[title$=”bd”]{
}
（5）p[title*=”c”]
为title属性以包含c的元素设置
p[title*=”c”]{
}
4.子元素选择器
:first-child选中第一个子元素
:last-child选中最后一个子元素
:nth-child(n) 选中任意位置的子元素，该选择器后面可以指定一个参数，指定要选中第几个子元素。
:nth-child（even） 表示偶数位置的子元素
:nth-child（odd） 表示奇数位置的子元素
:nth-of-type和first-child非常相似，只不过child是在所有子元素中排列，而type是在当前类型的子元素中排列。
5.兄弟选择器
（1）后一个兄弟选择器
作用：可以选中一个元素紧挨着的兄弟元素
语法：前一个+后一个
（2）选中后边的所有兄弟元素
语法：前一个~后边所有
6.否定伪类
作用：可以从选中的元素中剔除出某些元素
语法：
：not(选择器){
}