<div class="a"><div class="b"><ul><li></li></ul></div></div> 现在样式表里设置了.a li{} 和.b li{}
现在li里的样式是.ali{}和.bli{}里的样式叠加的效果，我想在只想要.ali{}的效果，能不动.bli{}样式表，把.bli{}的效果去掉，这样怎么弄吗？...
现在li里的样式是.a li{} 和.b li{}里的样式叠加的效果，我想在只想要.a li{} 的效果，能不动 .b li{}样式表，把.b li{}的效果去掉，这样怎么弄吗？
展开
3个回答
展开全部
方法一：不要<div class="b">
方法二：给ul添加一个class 然后可以这么写
.a ul.class01 li{}将你要的样式写进去，但是同时要注意的是，如果你在这里写的样式中没有.b li{}的样式，比如.b li{}里有样式color：#ff0000 但是.a ul.class01 li{}这里面没有给color定义，那么还是会在网页上显示color:#ff0000的，所以需要将.b li{}里面独特的样式，都在.a ul.class01 li{}里面重新定义一遍，变成自己需要的样式。
（。。。。差点把自己绕晕，不知道能理解否？）
方法二：给ul添加一个class 然后可以这么写
.a ul.class01 li{}将你要的样式写进去，但是同时要注意的是，如果你在这里写的样式中没有.b li{}的样式，比如.b li{}里有样式color：#ff0000 但是.a ul.class01 li{}这里面没有给color定义，那么还是会在网页上显示color:#ff0000的，所以需要将.b li{}里面独特的样式，都在.a ul.class01 li{}里面重新定义一遍，变成自己需要的样式。
（。。。。差点把自己绕晕，不知道能理解否？）
已赞过
已踩过<
你对这个回答的评价是？
展开全部
的是找到你想取值的DIV对象.
要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用
var div=document.getElementById('youdivid')
另一种就是通过标签名来取得
var div=document.getElementsByTagName('div')[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组.所以后面要根上DIV的序列.比如你想取得网页的第一个DIV就
var div=document.getElementsByTagName('div')[0]
第2个
var div=document.getElementsByTagName('div')[1]
以此类推.
取得DIV对象以事取ID或CLASS就简单了.
var id=div.id;
var class=div.className;
就这么简单.
下面有个例子,如果不懂,随时问我
<html>
<head>
<script>
function a(){
var div=document.getElementById('a');
alert('div的class为:'+div.id)
alert('div的id为:'+div.className)
}
function b(){
var div=document.getElementsByTagName('div')[0];
alert('div的class为:'+div.id)
alert('div的id为:'+div.className)
}
</script>
<style>
.c
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>
要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用
var div=document.getElementById('youdivid')
另一种就是通过标签名来取得
var div=document.getElementsByTagName('div')[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组.所以后面要根上DIV的序列.比如你想取得网页的第一个DIV就
var div=document.getElementsByTagName('div')[0]
第2个
var div=document.getElementsByTagName('div')[1]
以此类推.
取得DIV对象以事取ID或CLASS就简单了.
var id=div.id;
var class=div.className;
就这么简单.
下面有个例子,如果不懂,随时问我
<html>
<head>
<script>
function a(){
var div=document.getElementById('a');
alert('div的class为:'+div.id)
alert('div的id为:'+div.className)
}
function b(){
var div=document.getElementsByTagName('div')[0];
alert('div的class为:'+div.id)
alert('div的id为:'+div.className)
}
</script>
<style>
.c
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
吧 -->
<style type="text/css">
.menu_h,.menu_v,.menu_h li,.menu_v li{
margin:0;
padding:0;
line-height:21px;
font-size:12px;
list-style-type:none;
}
.menu_h a,.menu_v a{
display:block;
line-height:21px;
padding:0 10px;
}
.menu_h li{
float:left;
background-color:#eee;
}
.menu_v li{
float:none;
}
.sub_menu_off .menu_v{
display:none;
}
.sub_menu_on .menu_v{
display:block;
}
</style>
<div class="navi">
<ul class="menu_h">
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">111</a>
<ul class="menu_v">
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
</ul>
</li>
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">222</a>
<ul class="menu_v">
<li><a href="#">222</a></li>
<li><a href="#">222</a></li>
<li><a href="#">222</a></li>
</ul>
</li>
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">333</a>
<ul class="menu_v">
<li><a href="#">333</a></li>
<li><a href="#">333</a></li>
<li><a href="#">333</a></li>
</ul>
</li>
</ul>
</div>
<style type="text/css">
.menu_h,.menu_v,.menu_h li,.menu_v li{
margin:0;
padding:0;
line-height:21px;
font-size:12px;
list-style-type:none;
}
.menu_h a,.menu_v a{
display:block;
line-height:21px;
padding:0 10px;
}
.menu_h li{
float:left;
background-color:#eee;
}
.menu_v li{
float:none;
}
.sub_menu_off .menu_v{
display:none;
}
.sub_menu_on .menu_v{
display:block;
}
</style>
<div class="navi">
<ul class="menu_h">
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">111</a>
<ul class="menu_v">
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
</ul>
</li>
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">222</a>
<ul class="menu_v">
<li><a href="#">222</a></li>
<li><a href="#">222</a></li>
<li><a href="#">222</a></li>
</ul>
</li>
<li onmouseover="this.className='sub_menu_on';" onmouseout="this.className='sub_menu_off';" class="sub_menu_off">
<a href="#">333</a>
<ul class="menu_v">
<li><a href="#">333</a></li>
<li><a href="#">333</a></li>
<li><a href="#">333</a></li>
</ul>
</li>
</ul>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
