如何禁用从父元素继承的样式

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;
}