头部header内的class定义的CSS第一个DIV生效，第二个不生效，什么原因？
头部header内的class定义的CSS第一个DIV生效，第二个不生效，什么原因？html代码如下：<headerclass="header"><divclass="t...
头部header内的class定义的CSS第一个DIV生效，第二个不生效，什么原因？
html代码如下：
<header class="header">
<div class="top_bg">
<div class="top"><span>欢迎光临！</span>
</div>
</div>
CSS定义如下：
.top_bg {
height: 30px;
line-height: 30px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.top {
margin: 0 auto;
width: 1000px;
}
然后看了网页，
top_bg 的class定义不生效，top的class定义生效.这是什么原因呢？希望有人能说明白一点CSS层叠的方法，谢谢！
只是少贴上来了，非header收回标签的原因，我自己试过.header.top_bg定义CSS也是无效的，求解决方法。第二个直接用.top就生效了。 展开
html代码如下：
<header class="header">
<div class="top_bg">
<div class="top"><span>欢迎光临！</span>
</div>
</div>
CSS定义如下：
.top_bg {
height: 30px;
line-height: 30px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.top {
margin: 0 auto;
width: 1000px;
}
然后看了网页，
top_bg 的class定义不生效，top的class定义生效.这是什么原因呢？希望有人能说明白一点CSS层叠的方法，谢谢！
只是少贴上来了，非header收回标签的原因，我自己试过.header.top_bg定义CSS也是无效的，求解决方法。第二个直接用.top就生效了。 展开
1个回答
展开全部
你的html代码写错了，下面是修改好的：
<!DOCTYPE html>
<html>
<head>
<title>头部header内的class定义的CSS第一个DIV生效，第二个不生效，什么原因？</title>
<style type="text/css">
.top_bg {
height: 30px;
line-height: 30px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.top {
margin: 0 auto;
width: 1000px;
}
</style>
</head>
<body>
<header class="header">
<div class="top_bg">
<div class="top"><span>欢迎光临！</span></div>
</div>
<!--你的少了header收回标签-->
</header>
</body>
</html>
附上截图：
更多追问追答
追问
是的！我只是贴上来时，写少了！不是那个代码的事，不是这里的问题，如果只是一个收回标签那么简单就好了！我是指header的第一层的CLASS定义不生效，第二层的CLASS生效了，这是为什么？如何定义header内的第一层的CLASS的CSS类名，才是正确的呢？？？
追答
你说的是不是box-shadow没有效果吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
