为什么我写的这个样式active无法控制对应（以下加粗的地方）的标签呢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
#pingfen{ width:135px;margin:10px auto;height:28px;}
#pingfen li{ width:27px;float:left;height:28px; cursor:pointer;background:url(star.gif) no-repeat 0 0; list-style:none;}
#pingfen p {display: none;}
.active{ width: 27px; height: 28px;background-color: #009933;}
</style>
</head>
<body>
<div id="pingfen">
<ul>
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<p>哈哈</p>
</div>
慕田峪87015292回答
-
萧欢打靶把营归
background:url(star.gif) no-repeat 0 0; 你先把这个背景图换成背景色(不要和active的背景色一样)试一试。
随时随地看视频慕课网APP
Html/CSS