多个列表的CSS样式如何实现?
来源:百度知道 编辑:UC知道 时间:2024/05/13 19:39:21
目前的CSS样式
ul{
width:391px;
float:left;
list-style:none;
}
ul li{
float:left;
}
ul a{
display:block;
font-size:12px;
line-height:2.1em;
text-decoration:none;
color:#000000;
}
但是我的网页需要多个列表的CSS样式,应该如何定义?
就相当于导航栏如果用<ul>表达,新闻的<ul>该如何写,请高手指教!
我试图用类来区别
.list ul{}
.list ul li {}
.list ul li a{}
.news ul{}
.news ul li {}
.news ul li a{}
但是定义之后,居然就失效了,会不会是因为存在于DIV中的关系?
ul{
width:391px;
float:left;
list-style:none;
}
ul li{
float:left;
}
ul a{
display:block;
font-size:12px;
line-height:2.1em;
text-decoration:none;
color:#000000;
}
但是我的网页需要多个列表的CSS样式,应该如何定义?
就相当于导航栏如果用<ul>表达,新闻的<ul>该如何写,请高手指教!
我试图用类来区别
.list ul{}
.list ul li {}
.list ul li a{}
.news ul{}
.news ul li {}
.news ul li a{}
但是定义之后,居然就失效了,会不会是因为存在于DIV中的关系?
没看懂你要表达什么意思!
你失效的原因是 权重 没弄清楚````
可以去搜索一下 CSS的权重 也可以进去这看看
http://hi.baidu.com/85birthday 说得很清楚