子CSS样式覆盖

假设我们有如下的Html结构

<table class="main-tb">
<tr>
<td>
</td>
<td id ="mytd">
</td>
</tr>
</table>

我们可以看到

。main tb td

样式应用于表中的所有td元素。 现在，如果我想对名为

mytd

的td元素之一应用不同的样式，比如从

.main tb td

中删除边框颜色和边框宽度。那么，我该怎么办呢？谢谢。

\mytd

比

更具体。main tb td

，所以您只需从

\mytd

中删除边框即可

#mytd {
    border: 0 none;
}

---

您只需使用

.main tb td#mytd

或

#mytd

选择该元素（因为ID是唯一的）并使用

边框：0

删除边框。

使用

！课堂上的重要信息

#mytd {
    border-color: #fff !important;
    OR
    border-color: transparent !important;    
}

---

如果我强制向mytd元素添加类样式，为什么不起作用呢？servertd{border:0 none；line height:22px；padding:5px 10px；}如果您是特定的，它会起作用。尝试

.main tb.servertd{border:none；}

如果您需要更好地理解CSS方面的帮助，我建议-它们非常好，并且可读性很强。+1 for！重要的是，尽管将边框颜色设置为白色并不是移除边框的最佳方法。-1为！重要的。这是完全没有必要的，因为它已经比

.main tb td

具有更高的特异性，而且！“重要”很容易搞乱其他本来不会被覆盖的样式。

#mytd {
    border-color: #fff !important;
    OR
    border-color: transparent !important;    
}