css选择器

实现抽出公共类 

.html,.body{

}

 

实现层级

.container .btn{

　　background:green

}

.container .btn.active{

　　background:red

}

//这里优先级比class引用高，因此通常用于显示某种状态，它覆盖原有的样式，如

 

 //按钮一般状态

<div class="container">

　　<div class="btn"></div>

</div>

 //按钮被激活

<div class="container">

　　<div class="btn active"></div>

</div>

 

//元素选择器

ul li{

}