如何解决监听子选择器
CSS 的惊人之处在于它本质上是响应式的。它活动侦听真/假规则。那么我怎样才能获得 CSS 的反应性来改变一个 (cousins?) 子选择器?
这样的东西...
.loading-complete-message { display: none; } body .container .component01 .content-loaded /* rule */ { body .container .component02 .loading-complete-message /* targeted selector */ { display: block; /* change */ } }
当.component01
动态接收子选择器.content-loaded,
时,将.component02
子选择器.loading-complete-message
改为display: block
。
这仅适用于 CSS 吗?
是否有与 vanilla JS 等效的版本?
Google 搜索似乎表明只有框架才能做到这一点......
必须有一种最小的、轻量级的、跨浏览器(不是 IE)的方式来做到这一点,而无需使用包罗万象的整体框架,它的依赖关系、构建过程和数小时的加速时间只是为了启用这个单一的恕我直言,强大的功能。
任何帮助将不胜感激。
TIA!
解决方法
不完全是,但如果您可以将 .content-loaded
类添加到 .component01
中,那么复合选择器和相邻选择器的组合在这里应该会有所帮助
.component01.content-loaded + component02 .loading-complete-message {
display: block;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。