这也叫css继承么...?
<style>
<!--
.blockarea{clear:both;margin:5px 0px 0px 0px;OVERFLOW: hidden}
.blockarea .c1{background-color:#cc6;margin-top:5px;font-size:14px;border:#000000 1px solid}
.blockarea .col2{background-color:#cc6;margin-top:5px;}
.blockarea .col2 .c1{font-size:12px}
--></style>
</head>
<body>
<div class="blockarea">
<div class="col1">
<div class="c1">第一个</div>
</div>
<div class="col2">
<div class="c1">第二个</div>
</div>
</div>
.blockarea .col2 .c1的样式,会继承 .blockarea .c1的样式
而如果把.blockarea .c1分开两个样式即:
.blockarea .col1{background-color:#cc6;margin-top:5px;}
.blockarea .c1{font-size:14px;border:#000000 1px solid}
就不会出现这样的问题,大家把代码拷进去吧,一看就明白我的意思了 ,我想知道为什么.