Question

我无法理解我在这里做错了什么。对于我的桌子而言，css样式应该是分开的，而＃34; rcorners1＆＃34;表格似乎受＆＃34; water_table＆＃34;

的设置影响

我有两张桌子用于第一张桌子的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">

Answer 1

我不知道这是否是正确的解决方案。我所做的纠正这个问题的方法是删除＆＃34; water_table＆＃34;从css样式文件中，在我的＆＃34; water_table＆＃34;之前在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>

Answer 2

通常，您不希望在HTML中放置内联样式块 - 如果您这样做，它应该位于文档的头部，而不是在正文中。

但是，如果移动样式是解决问题的方法，这意味着您的css文件中还有其他内容覆盖了您想要的样式。

通常，您可以在浏览器检查器中看到与元素关联的所有样式。如果你要检查你的元素，我打赌你会看到一些从CSS文件中删除的其他样式。

为什么我的css表样式是混合的

2 个答案: