3+1+1CSS中的选择器

 

标记符选择器、类选择器和ID选择器这3种选择器可以配合具有上下文关系的选择器使用

效果那是一个爽啊。

当然还有一个虚类选择器

 

具有上下文关系的选择器实际上是一种包含关系，可以使作用对象更具体，

下级可以修改上级的属性，也可以添加上级没有的属性，这样就可以打造个性的下级

 

例1：说明包含关系

.navcontainer ul

 

.navcontainer ul li

 

.navcontainer ul li a

 

.navcontainer ul li a:hover

例2：打造更个性的下级

 

.navcontainer ul/*总上级的*/

{

         margin: 0;

         padding: 0;

         list-style-type: none;

         text-align: center;

}

 

.navcontainer ul li {

         display: inline; /*添加上级没有的*/

}

 

.navcontainer ul li a

{

text-decoration: none;

padding: 3em;/*修改上级的*/

color: #fff;

background-color: #036;

}