具有反转顺序的CSS兄弟选择器(〜)

 059586768803wsq 发布于 2023-02-07 11:24

我这样使用CSS兄弟选择器(〜):

X:hover ~ Y { }

它似乎只有在X位于Y之前(在HTML中)才有效.可以在http://jsfiddle.net/8LFWR/上显示

在X之前放置Y使其停止工作.见http://jsfiddle.net/6WLhe/

知道怎么解决它?

1 个回答
  • 单独使用CSS无法做到这一点.该~组合子看起来只有一个方向,你只能申请样式最右边的元素选择,所以简单地把在y之前X将无法正常工作.

    您需要使用JavaScript来执行此操作.

    2023-02-07 11:29 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有