/***

属性选择器（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;

}