为什么我的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表格样式混合

回答

相关问题