Question

我有这样的东西：

HTML：

<body style="overflow: hidden;">

<div class="test"></div>

</body>

CSS / LESS：

body[style*="overflow: hidden"] {
.test {z-index: 1;}
}

当正文出现内联样式溢出时：隐藏我正在尝试为测试div赋予一些样式。这适用于所有浏览器，所有android设备，但不适用于iOS（iphone x，8等）。 Safari和Chrome在iOS上无法正常运作都没关系。

有什么建议吗？

Answer 1

我认为它必须完全匹配。不带星号（*）尝试。

body[style="overflow: hidden;"] {
    .test {z-index: 1;}
}

样式必须完全匹配。

但是，我建议您为此使用类，上面的代码非常难看。

尝试一下：

HTML

<body class="overflow-hidden">
    <div class="test"></div>  
</body>

CSS

.overflow-hidden .test {
    z-index: 1;
}

少/无

.overflow-hidden {
    .test {
        z-index: 1;
    }
}