使用div删除内联CSS

我有包含提交按钮的表:

<table style="border: 0; width: 15%">
    <tr style="background-color: transparent">
        <td style="border: 0">
            <form action="displayevalform" method="post">
                <input type="submit" value="Go Back">
            </form>
        </td>                       
        <td style="border: 0">
            <form action="evaluate" method="post">
                <input type="submit" value="Done">
            </form>
        </td>
    </tr>
</table>

这可行,但是为了遵循良好实践,我决定删除内联CSS并将其放在<table><div>

<style>
.tblreset table {
    border: 0;
    width: 15%;
}

.tblreset tr {
    background-color: transparent;
}

.tblreset td {
    border: 0;
}
</style>

<div class="tblreset">
    <table>
        <tr>
            <td>
                <form action="displayevalform" method="post">
                    <input type="submit" value="Go Back">
                </form>
            </td>                       
            <td>
                <form action="evaluate" method="post">
                    <input type="submit" value="Done">
                </form>
            </td>
        </tr>
    </table>
</div>

这不再起作用。我的CSS语法有问题吗?

我找到了。layout.css是一个模板,包含样式tabletrthtd我认为它一定与我的tblreset样式冲突,因此我将它们放在单独的位置即可使用table.css

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章