懂得CSS的区块
日期：2014-05-17 浏览次数：20564 次
理解CSS的区块
下面一段Html & Css代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="style/basic.css" />
<title>理解区块</title>
<style type="text/css">
#condition{
background:orange;
border:1px solid black;
padding:20px;
}
.box{
border:1px solid black;
margin:10px;/*外边距，上下左右空10px*/
padding:10px/*内边距，上下左右空10px*/
}
#condition p{
color:blue;
}
.box p{
color:red;
}
</style>
</head>
<body>
<div id="condition">
<p>理解区块的测试</p>
<div class="box">
<p>子div1</p>
</div>
<div class="box">
<p>子div2</p>
</div>
</div>
</body>
</html>
?
思考为什么子div2的颜色没有变成红色？
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
