请教css问题，为什么li下的div样式不生效
<title>无标题文档</title><styletype="text/css">.topullia:hover{color:#3f6abc;}.ta:hover{co...
<title>无标题文档</title>
<style type="text/css">
.top ul li a:hover{
color:#3f6abc;
}
.t a:hover{
color:#eeeeee;
}
</style>
</head>
<body>
<div class="top">
<ul>
<li>
<a href="xxxx">11111111</a>
<div class="t">
<a href="xxxx">222222</a>
</div>
</li>
</ul>
</body>
</html>
这里的111111和2222颜色，鼠标经过时就会一样，明明设置了2个颜色 展开
<style type="text/css">
.top ul li a:hover{
color:#3f6abc;
}
.t a:hover{
color:#eeeeee;
}
</style>
</head>
<body>
<div class="top">
<ul>
<li>
<a href="xxxx">11111111</a>
<div class="t">
<a href="xxxx">222222</a>
</div>
</li>
</ul>
</body>
</html>
这里的111111和2222颜色，鼠标经过时就会一样，明明设置了2个颜色 展开
展开全部
权限不同的缘故
你设置2的颜色时，要.top .t a 这样才可以覆盖.top a
你设置2的颜色时，要.top .t a 这样才可以覆盖.top a
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把
.t a:hover{
color:#eeeeee;
}
设置成
.top ul li .t a:hover{
color:#eeeeee;
}
就可以了
.t a:hover{
color:#eeeeee;
}
设置成
.top ul li .t a:hover{
color:#eeeeee;
}
就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把这个
.t a:hover{
color:#eeeeee;
}
改为：
.top .t a:hover{
color:#eeeeee;
}
即：
<style type="text/css">
.top ul li a:hover{
color:#3f6abc;
}
.top .t a:hover{
color:#eeeeee;
}
</style>
.t a:hover{
color:#eeeeee;
}
改为：
.top .t a:hover{
color:#eeeeee;
}
即：
<style type="text/css">
.top ul li a:hover{
color:#3f6abc;
}
.top .t a:hover{
color:#eeeeee;
}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
