HTML和CSS表格通過繼承得到錯誤的風格

我有一個HTML/CSS代碼，反應有點怪異（在我看來）。或者我只是不瞭解樣式的繼承。HTML和CSS表格通過繼承得到錯誤的風格

下面的代碼片段是什麼原因造成的問題：

enter image description here

你可以看到我有帶班的表現公式表。在右側你可以看到每個table.formular td都得到一個填充。

下面，在formular表的一個tds中，我得到了一個帶有tabelle-rubrikbar類的新表。該表包含一個td，其中應該覆蓋填充類customSearch-InnerTable-td。但在這種情況下，繼承的formular td覆蓋了customSearch-InnerTable-td。

2014-01-20 Loki

你應該在問題中包含足夠的代碼作爲文本，而不僅僅是部分屏幕截圖。在這種情況下，碰巧有足夠的信息來猜測真正的問題是什麼（它與繼承無關）。 –

你應該使用對你的規則有更高的特異性，例如

table.formular td.customSearch-InnerTable-td { ... }

2014-01-20 12:33:21 fcalderan

我認爲td.customSearch-InnerTable-td就足夠了 –

這是不夠的，因爲他的第一條規則是'table.formular td' – fcalderan

你是對的，沒有注意到'表'是第一個。 –

-1

你應該嘗試在customSearch-InnerTable-td末尾添加!important像

customSearch-InnerTable-td { 
padding: 0px 0px 0px 0px !important;}

2014-01-20 12:30:57 DhruvJoshi

試試看這裏 - [鏈接]（http://www.w3.org/TR/CSS2/cascade.html#important-rules） – DhruvJoshi

不要使用！重要，除非你沒有其他選擇！ –

只是更具體與您的聲明。您縮小CSS樣式越多就越高得到的是優先於其他風格

它的行爲是這樣的：

td < td.class所以給你的類優先級更高的像

.tabelle-rubrikbar tr td.customSearch-InnterTable-td

2014-01-20 12:32:54 Soundz

該示例不像「使用這種風格」，它只是爲了澄清'td.class'風格比'td' – Soundz

更高的優先級我撤回了我的評論。 –

-2

紀念customSearch-InnerTable-TD作爲「！重要」（不帶引號）的CSS，它會增加你在使用的樣式的優先級customSearch-InnerTable-TD。它的一個小的黑客總是可以正常工作

2014-01-20 12:34:08

回答