Question

我正在使用包含许多页面信息的类。这是班级的主要内容：

.class {     
    margin: 1% 0.5%;
    padding: 10px;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    overflow: auto;
}

当我尝试在样式表class =“class class1”中添加一个使溢出属性无效的类时，它将无法在IE和Firefox中使用。

.class .class1 {     
        margin: 1% 0.5%;
        padding: 10px;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        overflow: auto;
    }

在Chrome和Safari中，会从级联中删除溢出。在IE和Firefox中，只有.class被选中。

除了重新设计而忽略溢出之外，还有其他方法吗？

感谢。

Answer 1

如果您的HTML为class="class class1"，则选择器错误。

此

.class .class1 { /* with space */    
        margin: 1% 0.5%;
        padding: 10px;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        overflow: auto;
    }

应该是这个

.class.class1 {    /* no space */  
        margin: 1% 0.5%;
        padding: 10px;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        overflow: auto;
    }

原始声明之间的空格表示class1是class的后代。

我展示的第二个选项（没有空格）意味着该元素具有两个类，并且仅适用于该实例。

Firefox和IE中的溢出CSS问题

1 个答案: