应该我们有如下的Html结构。子CSS样式覆盖
<table class="main-tb">
<tr>
<td>
</td>
<td id ="mytd">
</td>
</tr>
</table>
和应用的css文件定义如下。
.main-tb
{
font-size: 13px;
line-height: 20px;
padding: 5px 10px;
}
.main-tb th
{
background-color: #F8F8F8;
border-color: #CCCCCC -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
line-height: 22px;
padding: 5px 10px;
}
.main-tb td
{
border-color: #CCCCCC;
border-style: dotted;
border-width: 0 0 1px;/**/
line-height: 22px;
padding: 5px 10px;
}
我们可以看到.main-tb td
样式应用到表中的所有td元素。 现在,如果我想将不同的样式应用于其中一个名为mytd
的td元素,例如从.main-tb td
中删除边框颜色和边框宽度。那么,我该怎么办?谢谢。
使用
!important
为什么,如果我强行加个班样式mytd元素.servertd { 边境不起作用:0无; line-height:22px; padding:5px 10px; }如果您具体,它会工作。尝试'.main-tb .servertd {border:none; } – Chad 2012-08-04 06:07:39
任何人都可以为我推荐一些好的css书籍。谢谢 – 2012-08-04 06:11:35