日期:2014-05-16  浏览次数:20693 次

请教一个基础问题,CSS的继承
我有一个表格,统一设置了样式 table td {color:red;line-height:30px;}
现在Td里有个Div,我如何设置让它不继承Td的样式?
------解决方案--------------------
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<style type="text/css">
 table td {color:red;line-height:30px;}
 table td div{color:green;line-height:10px;} <!--div重新定义一个样式就行了-->
</style>
<body>
<table>
<tr>
<td>
<div>dddd</div>
22222
</td>
</tr>
</table>

</body>
</html>

------解决方案--------------------
重新定义一遍