长期以来,伪类选择器
考虑到这一点,我一直在思考如何使用纯 CSS 来模拟此效果。下面以问答形式提供了一种方法来回答这个问题,但想知道是否有其他方法。具体地说,更有效的 CSS 实现或响应式 CSS 实现。
:has()
,也称为父级选择器,一直被认为是解决许多选择器问题的答案,甚至有人认为它是完全不必要的。但根据最新版的 W3 规范 ,CSS 不会实现 Level 4 中的任何一个伪类选择器,其原因是效率低下且已经有了 JavaScript 功能的覆盖。考虑到这一点,我一直在思考如何使用纯 CSS 来模拟此效果。下面以问答形式提供了一种方法来回答这个问题,但想知道是否有其他方法。具体地说,更有效的 CSS 实现或响应式 CSS 实现。
querySelectorAll()
等内容可以潜在受益,而无需依赖 jQuery。 - BoltClock