CSS3 选择器 基本选择器介绍

参考地址：http://www.verydemo.com/demo_c104_i21752.html

代码如下:

<div class="demo"> 
<ul class="clearfix"> 
<li id="first" class="first">1</li> 
<li class="active important">2</li> 
<li class="important items">3</li> 
<li class="important">4</li> 
<li class="items">5</li> 
<li>6</li> 
<li>7</li> 
<li>8</li> 
<li>9</li> 
<li id="last" class="last">10</li> 
</ul> 
</div> 

代码如下:

.demo { 
width: 300px; 
border: 1px solid #ccc; 
padding: 10px; 
} 
li { 
float: left; 
height: 20px; 
line-height: 20px; 
width: 20px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
text-align: center; 
background: #f36; 
color: green; <br…………………………………………………………………………