关于CSS样式DIV布局！2个<a>的2个不同路径的样式！结果样式穿插着显示
我是想说比如我有2个DIV一个叫TOP一个叫BOTTOM2个DIV中各有一个<a>,我在样式里面分别给2个<a>设置了不同的样式结果top里面的<a>却显示出了一些BOT...
我是想说 比如我有2个DIV 一个叫TOP 一个叫BOTTOM 2个DIV中各有一个<a>,我在样式里面分别给2个<a>设置了不同的样式结果 top里面的<a>却显示出了一些BOTTOM 里面<a>的样式 而BOTTOM 里面的<a>也是如此！ 我想问这样要怎么解决才能避免
展开
3个回答
展开全部
你说的应该是类似ABAB这种格式吧？
如果这样的话<a herf="#" id="link1">链接</a>要设ID通过js控制吧比如单数一种样式。双数一种样式
这是我的思路
如果这样的话<a herf="#" id="link1">链接</a>要设ID通过js控制吧比如单数一种样式。双数一种样式
这是我的思路
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.style1{color:#f00;background:#eee}
.style2{color:#00f;background:#ccc}
</style>
<script type="text/javascript">
window.onload=function idA()
{
chgListStyle("a");
}
function chgListStyle(id){
var objId=document.getElementById(id);
for(var i=0;objId.childNodes[i]!=undefined;i++){
if(objId.childNodes[i].nodeType==1){
objId.childNodes[i].className="style1";
while(objId.childNodes[i]!=undefined){
i++;
if (objId.childNodes[i].nodeType==1){
objId.childNodes[i].className="style2";break;
}
}
}
}
}
</script>
</HEAD>
<BODY>
<div id="a">
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.style1{color:#f00;background:#eee}
.style2{color:#00f;background:#ccc}
</style>
<script type="text/javascript">
window.onload=function idA()
{
chgListStyle("a");
}
function chgListStyle(id){
var objId=document.getElementById(id);
for(var i=0;objId.childNodes[i]!=undefined;i++){
if(objId.childNodes[i].nodeType==1){
objId.childNodes[i].className="style1";
while(objId.childNodes[i]!=undefined){
i++;
if (objId.childNodes[i].nodeType==1){
objId.childNodes[i].className="style2";break;
}
}
}
}
}
</script>
</HEAD>
<BODY>
<div id="a">
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
<a href=''>我是a标签</a>
</div>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以这样设置啊：
例如
.top a{color:#000;}
.bottom a{color:#fff;}
<div class="top"><a href="#">tttttttttttttttttttt</a></div>
<div class="bottom"><a href="#">bbbbbbbbbbbbbbbbbb</a></div>
例如
.top a{color:#000;}
.bottom a{color:#fff;}
<div class="top"><a href="#">tttttttttttttttttttt</a></div>
<div class="bottom"><a href="#">bbbbbbbbbbbbbbbbbb</a></div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
