iOS上Safari的CSS问题::not(:has())相邻同级

3lxsmp7m  于 2023-06-07  发布在  iOS
关注(0)|答案(1)|浏览(243)

我有以下选择器,它可以在桌面上的Chrome中正确地定位所需的元素,但在iOS上的Safari(iOS版本16.3)中无法定位它:

#someID:not(:has(#otherID)) + #targetID

MDN的:has()兼容性表表明从iOS v 15.4上的Safari开始完全支持,而Apple's Safari release notes表明iOS v 15.4上的Safari随iOS v 15.4一起提供,所以我希望它能工作。
我的问题是,这是否是iOS上Safari中的CSS实现错误,或者我是否误解了这个选择器的功能。

hfsqlsce

hfsqlsce1#

问题是你不能使用伪元素作为:has()伪类的锚。如果没有更多的上下文,很难给予你一个替代的方法,但是mdn文档有更多的信息。
https://developer.mozilla.org/en-US/docs/Web/CSS/:has

相关问题