CSS 内联样式选择器不适用于 iOS(safari、chrome)



我有这样的东西:

.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等(上不起作用。没关系 野生动物园 or 铬 在 iOS 上不起作用。

有什么建议吗?

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

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

最新更新