发新话题
打印

请教li背景色如何改变?

请教li背景色如何改变?

我写的一套css代码
<!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" c />
<title>无标题文档</title>

<style type="text/css">
#nav_link li {
float: left;
height: 40px;
padding-right: 14px;
padding-left: 14px;
background-color: #009999;
border: 1px solid #CCCC99;
}
.li_nobg {
background-color: #FF0000;
display: block;
}
<body>
<div id="nav_link">
<ul>
     <li></li>
        <li class="li_nobg"><a href="#">index</a></li>
  <li><a href="#">intro</a></li>
  <li><a href="#">news</a></li>
</ul>
</div>
</body>
</html>

想用li_nobg这个类控制已加背景色的li改变或者无背景色,可发现原来定义的li格式永远优先于class="li_nobg",背景色不能改变,请问如何才可以改变li的背景色呢?
齐白石、张大千、朗世宁在这一刻灵魂附体、我自轻狂一个人,他代表了中国动漫的悠久的历史传统.

TOP

<!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" c />
<title>无标题文档</title>

<style type="text/css">
#nav_link li {
float: left;
height: 40px;
padding-right: 14px;
padding-left: 14px;
background-color: #009999;
border: 1px solid #CCCC99;
}
#nav_link li.li_nobg {
background-color: #FF0000;
display: block;
}</style>
<body>
<div id="nav_link">
<ul>
     <li></li>
        <li class="li_nobg"><a href="#">index</a></li>
  <li><a href="#">intro</a></li>
  <li><a href="#">news</a></li>
</ul>
</div>
</body>
</html>

顺便提一句,你给的代码里少了个</style>收尾

[ 本帖最后由 Sam_appleseed 于 2007-10-19 12:41 编辑 ]
我擦一擦嘴巴,不留下一颗饭粒~

TOP

哈哈哈.多谢多谢
齐白石、张大千、朗世宁在这一刻灵魂附体、我自轻狂一个人,他代表了中国动漫的悠久的历史传统.

TOP

发新话题