1、后代元素選擇器（父類直接包含子類）：
語法：祖先元素 后代元素{}
#d1 span{
color:green;
}
/*選中id為d1的div中的p元素中的span元素*/
#d1 p span{
font-size:50px
}
2鸟整、子元素選擇器（父類直接或間接包含子類）：
語法：父元素>子元素
（IE6及以下的瀏覽器不支持子元素選擇器）
div > span{
background-color: yellow;
}
1 引镊、:first-child 可以選中第一個(gè)子元素
2 、:last-child 可以選中最后一個(gè)子元素
3 篮条、:nth-child(number/even/add)
可以選中任意位置的子元素
該選擇器后邊可以指定一個(gè)參數(shù)弟头，指定要選中第幾個(gè)子元
素even 表示偶數(shù)位置的子元素
odd 表示奇數(shù)位置的子元素
/body的第一個(gè)元素/
body>p:first-child{
background-color: yellow;
}
p:last-child{
background-color: yellow;
}
p:nth-child(even){
background-color: yellow;
}
:first-of-type (不用是全部的第一個(gè)元素，是這一類的第一個(gè)就可以了)
:last-of-type
:nth-of-type
p:first-of-type{
background-color: yellow;
}
*/
p:last-of-type{
background-color: yellow;
}
3涉茧、meta標(biāo)簽：
<meta charset="utf-8" />
4赴恨、偽元素：
第一個(gè)字：
p:first-letter{}
第一行：
p:first-line{}
該段之前的可以插東西：
p:before{}
該段之后的可以插東西：
p:after{}
4、偽類選擇器：
沒訪問的：
a:link{}
訪問過的：
a:visited{}
鼠標(biāo)滑過：
a:hover{}
正在點(diǎn)擊：
a:hover{}
獲取焦點(diǎn)：
input:focus{}
選中樣式：
p::selection{}
火狐使用：
p::-moz-selection{}
5降瞳、塊和內(nèi)聯(lián)元素：
塊元素（標(biāo)簽）：div（沒有任何特殊的含義只是普通的塊元素）嘱支、p(不能包含其他標(biāo)簽) h1~h6 ul li
內(nèi)聯(lián)元素（行內(nèi)元素）：span a（超鏈接蚓胸，可以包含任意元素） img iframe
<!-- 塊包含內(nèi)聯(lián) -->
<a href="#">
<!-- #站位挣饥，不知道跳轉(zhuǎn)到哪 -->
<!-- a標(biāo)簽可以包含任意標(biāo)簽除了他本身 -->
<div style = "background-color: red;width:20px;">
</div>
6、屬性選擇器：
所有有title的標(biāo)簽：
p[title] {}
title的內(nèi)容：
p[title="hello"] {}
標(biāo)題以什么開頭：
p[title^="ab"]{}
標(biāo)題以什么結(jié)束：
p[title$="ab"] {}
包含：
p[title*="ab"] {}
6沛膳、常用的選擇器：
通配選擇器：
*{}
元素選擇器：
p {}
id選擇器：
p1{}
類選擇器：
.p1{}
選擇器分組（并集選擇器）:
p1,.p1,.hello{}
復(fù)合選擇器：
p#p1{}
span.p3{}
