CSS样式问题

来源：百度知道编辑：UC知道时间：2024/05/10 06:15:54

一个关于CSS样式代码的问题
悬赏分：0 - 离问题结束还有 14 天 3 小时
<HTML>
<HEAD>
<TITLE>CSS边距属性 margin-left</TITLE>
<STYLE type="text/css">
.D1{border:5px solid #FF0000;}
.D2{border:1px solid gray;}
.D3{margin-left:1cm;margin-bottom:1cm;border:1px solid blue;}
.D4{border:1px ;margin-top:2cm;margin-left:2cm;border:5px botted green}
</STYLE>
</HEAD>

<BODY>
<DIV CLASS="D1">
<div class="D4">
<DIV CLASS="D3">margin-left设为1cm</DIV>
</DIV></DIV>
<P>...............................................。</P>
</BODY>
</HTML>

请问:当这个时候,对于这个左边框来说,他的四个属性值中,D3、D4、D1哪个在显示时更为优先，就是哪个会覆盖其他的样式？
我做了一下试验，结果是最外面的那个样式覆盖了最里的样式，难道真的是这样吗？

呵呵，我想你和我一样也是刚学的吧,你的那个问题,我可以回答你，其实D1这个样式是D4的父类, 而D4又是D3的父类,应为D1的样式把这两个样式都包含在里面了,就和一个包围圈一样,包在里面了,这样你明白了吗

css样式问题 CSS样式问题请教！ css样式问题? CSS样式表问题 css样式表问题百度CSS样式问题 CSS样式优先级问题简单css样式问题 CSS样式中的问题 CSS样式问题