覆盖和重置CSS样式:auto或none不工作

前端之家收集整理的这篇文章主要介绍了覆盖和重置CSS样式:auto或none不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想覆盖为所有表定义的以下CSS样式:
table {
        font-size: 12px;
        width: 100%;
        min-width: 400px;
        display:inline-table;
    }

我有特定的表与类称为’其他’。
最后表装饰应该看起来像:

table.other {
    font-size: 12px;
}

所以我需要删除3属性:宽度,最小宽度和显示

我试图重置与无或自动,但没有帮助,我的意思是这些情况:

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

解决方法

我相信第一组属性不工作的原因是因为没有自动display,所以属性应该被忽略。在这种情况下,inline-table仍然会生效,并且因为width不适用于内联元素,所以该属性集将不会执行任何操作。

第二组属性将简单地隐藏表,因为这是什么显示:无。

尝试将其重置为表格:

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

编辑:min-width默认为0,不自动

猜你在找的CSS相关文章