爲什麼我的CSS表格樣式混合

我無法理解我在這裏做了什麼錯誤。 CSS樣式應該是獨立的但是我的兩個表「rcorners1」表似乎是由「water_table」爲什麼我的CSS表格樣式混合

的設置會影響我有兩個表的CSS的第一臺

table.water_table tr:nth-child(even) {background-color: #f2f2f2} 
table.water_table tr:hover {background-color: #f5f5f5} 
table.water_table th {background-color: #ffffff;} 
table.water_table th, td { 
    padding: 15px; 
    text-align: left; 
}

我的第一臺長相像

<table border="0" align="center" class="water_table" id="water_table">

我的第二個表中的CSS

table.rcorners1 { 
    border-radius: 10px; 
    border: 1px solid #a4b3bd; 
    padding: 2px; 
    margin: 3px; 
    width: 120px; 
    height: 160px; 
    float: left; 
}

我的第二個表看起來像

<table width="100%" border="0" class="rcorners1" id="rcorners1">

來源

2016-04-14 David Jeffery

我不知道這是否是正確的解決方案。我所做的糾正這個問題的方法是在我的「water_table」出現之前從CSS樣式文件中刪除「water_table」，並在html中創建一個樣式塊。

<style> 
table.water_table tr:nth-child(even) {background-color: #f2f2f2} 
table.water_table tr:hover {background-color: #f5f5f5} 
table.water_table th { 
    background-color: #ffffff; 
    /*color: white;*/ 
} 
table.water_table th, td { 
    padding: 15px; 
    text-align: left; 
} 
</style>

來源

2016-04-14 16:24:15

一般來說，你不想把內嵌樣式塊在HTML中 - 如果你這樣做，它應該是在文檔的頭部，而不是身體。

但是，如果移動樣式是爲您解決了問題，這意味着您的css文件中還有其他內容覆蓋了所需的樣式。

通常，您可以在瀏覽器檢查器中看到與某個元素相關聯的所有樣式。如果您要檢查元素，我敢打賭，您會看到一些從CSS文件中劃掉的其他樣式。

來源

2016-04-14 18:05:11 sammyray

爲什麼我的CSS表格樣式混合

回答

相關問題