/***
屬性選擇器（id選擇器）：id 屬性只能在每個 HTML 文檔中出現一次
*/
/**
* 類選擇器：可以使用多個 一個元素用兩個類時，類名之間用空格隔開
*/
/*
標籤選擇器，打擊面很廣
div {
background:gray;
}
*/
/*複雜選擇器：一個標籤選擇器後面更一個類選擇器或者一個ID選擇器
，中間不能有空格，個要求必須是屬於某一個標籤的，並且聲明瞭類選擇器或者
ID選擇器。
兩種形式：p#div1 p.red
p.red {
color:red;
}
p#div1 {
font-size:30px;
color:green;
}
*/
/*並集選擇器：就是多個選擇器以逗號相連，只要滿足其中一個標籤他就會被選中
用在CSS開頭設置margin:0px,padding:0px;時用到。
div,p ,li#li2, li.li1{color:red;
background:gray;
font-size:13px;}
*/
div p{
color:pink;
}
div p span{
background:green;
}
p span#dip{/*後代選擇器：是以空格相連接的多個選擇器，外層的選擇器
寫在內層的選擇器前面，根據元素的後代關係來作爲選擇的篩選條件！不能和ID選擇器,類選擇器公用，但可以和交集選擇器公用
後代選擇器比較精準，在實踐中用過的比較多。
*/
color:yellow;
}
p span.dip{
color:yellow;
}
/*僞類選擇器:常用的就是a:hover*/
a:hover{
color:green;
}