正在加载图片...
height: 18px padding-top: 5px; text-align center border: 1 px solid #999 background- color: #CCC border-radius: 15px list-style: none float: left: nav( width: 408px; 1 First + li border: 1px solid #FoO background-color: #FCO color: #F00: font-weight: bold border: 1 px solid #FoO background-color: #FC0 color: #FOO font-weight: bold <u> <i>1</i> <li class="First" >2</i> <li>3</i> <i>5</i> <i>8</i </u uI> <li>1</i> <li class="Second>2</i> <li>3</i> <i>4</i> <i>5</i 9《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn9 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn height:18px; padding-top:5px; text-align:center; border:1px solid #999; background-color:#CCC; border-radius:15px; list-style:none; float:left; } nav{ width:408px;} .First + li { border:1px solid #F00; background-color:#FC0; color:#F00; font-weight:bold; } .Second ~ li { border:1px solid #F00; background-color:#FC0; color:#F00; font-weight:bold; } </style> </head> <body> <nav> <ul> <li>1</li> <li class="First">2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </nav> <nav> <ul> <li>1</li> <li class="Second">2</li> <li>3</li> <li>4</li> <li>5</li>