如何禁用从父元素继承的样式[重复]

Question

父表中的宽度会自动继承给子表。

HTML

<table class="datagrid">
    <tr><td>sdfdsfds</td></tr>
    <tr><td>
             <table class="gridpager">
             <tr><td>1</td></tr><tr><td>1</td></tr>
             </table>
    </td></tr>
    </table>

CSS

.datagrid table {
    width: 100%; 
}

.gridpager table {
    float: right;
}

如果我在 gridpager 类中添加 width:auto 它将起作用。但需要覆盖子类中父级的所有样式。除此之外还有其他解决方案吗？

Answer 1

像下面这样修改css

table.datagrid {
    width: 100%; 
}

table.gridpager {
    float: right;
}