DIV-CSS中<div>嵌套不会引起混乱吗?
4个回答
展开全部
不会,因为div一般都会加上id或者class元素作为css识别样式.
<style type="text/css">
#div1{border:1px solid red;width:230px;height:40px;padding:5px 0 0 5px;}
#div2{border:1px solid black; width:50px;height:20px;float:left;}
#div3{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
#div4{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
#div5{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
</style>
<head>
</head>
<body>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
</div>
</body>
<style type="text/css">
#div1{border:1px solid red;width:230px;height:40px;padding:5px 0 0 5px;}
#div2{border:1px solid black; width:50px;height:20px;float:left;}
#div3{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
#div4{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
#div5{border:1px solid black; width:50px;height:20px;float:left;margin-left:5px;}
</style>
<head>
</head>
<body>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
</div>
</body>
追问
id或者class元素作用范围呢,我感觉会混淆
追答
ID比class更高一级.一般用在div上,可理解为对一无二的.其实没必要纠结这个.
展开全部
你可以为每一层div标签定义class或id属性啊,例子:
<div class="1">
<div class="2">第二层</div>
<div class="2">第二层</div>
</div>
这样,你写css的时候就可以这样写:
<style>
.1{......} //这是为class为1的标签定义样式
.2{......} //这是为class为2的标签定义样式
</style>
如果用的是id来区分
css就里把“.”改为"#"
(每个id在一个网页里只能出现一次哦)
不知道你懂了没有
有问题可以追问或评论
<div class="1">
<div class="2">第二层</div>
<div class="2">第二层</div>
</div>
这样,你写css的时候就可以这样写:
<style>
.1{......} //这是为class为1的标签定义样式
.2{......} //这是为class为2的标签定义样式
</style>
如果用的是id来区分
css就里把“.”改为"#"
(每个id在一个网页里只能出现一次哦)
不知道你懂了没有
有问题可以追问或评论
更多追问追答
追问
我的另一个问题“这段代码什么意思",我就是没弄懂那段代码。感觉id或class的作用范围很乱,如何作用于代码,没必要嵌套。id或者class元素作用范围???
追答
1、id和class的作用范围都是一整页
2、嵌套的作用在实际开发中一定会有
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
嵌套最怕的就是继承关系,所以尽量不要嵌套,指定div标签,应指定id或者class来定义
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询