CSS选择器的问题,求解

冯风风 2019-11-21 05:13:16
像hover这样的伪类有没有这样的写法 a:hover .(a的父级) 大概意思就是一个标签hover后可不可以让它的父级或者父级的同级出现效果
...全文
290 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
愉快的剑客 2020-02-16
  • 打赏
  • 举报
回复
好像没有这样的,a:hover,类或id加在它前面, “ : ”后面描述的为某一功能.
  • 打赏
  • 举报
回复
css不行,用js可以实现类似效果
dreampasdsdsd 2020-01-03
  • 打赏
  • 举报
回复
引用 1 楼 妖丶刀 的回复:
a:hover div{ background-color: red; } 这个算吗 移动到a上 a的父级div背景变色 不知道跟你说的是不是同一个意思
这选择的是a元素里面的div吧
1234Wu 2019-12-03
  • 打赏
  • 举报
回复
移入的时候触发一个动画。看看
千寻爸爸 2019-11-29
  • 打赏
  • 举报
回复
不可以,只有能用选择器选中的才可以使用
文盲老顾 2019-11-29
  • 打赏
  • 举报
回复
css渲染机制是从前先后,由顶而下的,即,我可以选择自己,自己的后代,自己之后的兄弟,但不能选择自己的前边的兄弟,自己的上代
zkchan 2019-11-27
  • 打赏
  • 举报
回复
css选择器是没法在子元素中选择父元素的,非要实现的话只能写js利用事件的冒泡机制触发
冯风风 2019-11-23
  • 打赏
  • 举报
回复
引用 8 楼 CriusWhisper 的回复:
这种可以使用sass/less,给父级设置一个id/class a:hover{ #div{ } } 写着方便一些
好的感谢,我明天试试
冯风风 2019-11-23
  • 打赏
  • 举报
回复
引用 8 楼 CriusWhisper 的回复:
这种可以使用sass/less,给父级设置一个id/class a:hover{ #div{ } } 写着方便一些
这个方法我好像实现不了
冯风风 2019-11-22
  • 打赏
  • 举报
回复
引用 6 楼 妖丶刀 的回复:
额 学到了 但是相连的下一级用+应该可以吧 div.A+div.B A:hover+B{ }
嗯子元素和兄弟元素可以用
妖丶刀 2019-11-22
  • 打赏
  • 举报
回复
额 学到了 但是相连的下一级用+应该可以吧 div.A+div.B A:hover+B{ }
翡蛟 2019-11-22
  • 打赏
  • 举报
回复
引用 1 楼 妖丶刀 的回复:
a:hover div{ background-color: red; } 这个算吗 移动到a上 a的父级div背景变色 不知道跟你说的是不是同一个意思
你这个div是a的子级,不是父级
冯风风 2019-11-22
  • 打赏
  • 举报
回复
引用 1 楼 妖丶刀 的回复:
a:hover div{ background-color: red; } 这个算吗 移动到a上 a的父级div背景变色 不知道跟你说的是不是同一个意思
这个实现不了哦
冯风风 2019-11-22
  • 打赏
  • 举报
回复
引用 2 楼 天际的海浪 的回复:
没有这种选择器
好的多谢
CriusWhisper 2019-11-22
  • 打赏
  • 举报
回复
这种可以使用sass/less,给父级设置一个id/class a:hover{ #div{ } } 写着方便一些
天际的海浪 2019-11-22
  • 打赏
  • 举报
回复
没有这种选择器
妖丶刀 2019-11-21
  • 打赏
  • 举报
回复
a:hover div{ background-color: red; } 这个算吗 移动到a上 a的父级div背景变色 不知道跟你说的是不是同一个意思
1.本书附源代码共计381个,其运行环境如下: IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下: 1.将该实例复制到C:\Inetpub\wwwroot下; 2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2.htm <script>与的内容 • 16.21.htm 改变页面样式 • blue.css 16.21.htm用到的样式文件 • red.css 16.21.htm用到的样式文件 • green.css 16.21.htm用到的样式文件 第17章(\第17章) • 17.1.htm Form对象测试 • 17.2.htm 基本按钮 • 17.3.htm button按钮 • 17.4.htm 文本域 • 17.5.htm 文本区 • 17.6.htm 限制输入长度的文本区 • 17.7.htm 限制输入长度的文本区之二 • 17.8.htm 复选框与单选按钮 • 17.9.htm 验证输入内容是否为空 • 17.10.htm 验证输入内容是否为空 • 17.11.htm 混合表单验证 • 17.12.htm 按键屏蔽 • 17.13.htm 屏蔽表单域 • 17.14.htm 动态表单 第18章(\第18章) • 18.1.htm 复选框 • 18.2.htm 单选按钮 • 18.3.htm 复选框与单选按钮的组合使用 • 18.4.htm 使用elements[]数组 • 18.5.htm 选择控件 • 18.6.htm 多项选择控件 • 18.7.htm 级联选择控件 第19章(\第19章) • 19.1.htm 友情链接 • 19.2.htm 需要确认的友情链接 • 19.3.htm 渐显效果的下拉菜单 • 19.4.htm 模拟系统菜单 • 19.5.htm 图片显示窗口 • 19.6.htm 远程控制菜单 • 19.7.htm 滑动菜单 • 19.8.htm 左键弹出式菜单 • 19.9.htm 浮动菜单 • 19.10.htm 导航式菜单 第20章(\第20章) • 20.1.htm 显示浏览器名称与版本号 • 20.2.htm 显示浏览器名称(改进章) • 20.3.htm JavaScript支持检测1 • 20.4.htm JavaScript支持检测2 • 20.5.htm JavaScript对象检测 • 20.6.htm Screen对象 • 20.7.htm 获取浏览器窗口大小 • 20.8.htm 字号随浏览器窗口大小而改变 • 20.9.htm 对代码20.8的改写 • 20.10.htm 在网页中有选择地显示图片 • 20.11.htm 客户端性能检测 • 20.12.htm 浏览器按键模拟 • 20.13.htm 修改Mozilla用户主页 • 20.14.htm 修改IE用户主页 第21章(\第21章) • 21.1.htm 编码与解码 • 21.2.htm Cookie值被覆盖 • 21.3.htm Cookie分析 • 21.4.htm 用Cookie保存定制样式 • 21.5.htm DHTML行为 第22章(\第22章) • 22.1.htm 通过单击按钮来改变图像 • 22.2.htm 随机显示不同图像 • 22.3.htm 结构化图形控件 • 22.4.htm 图像定位示例 • 22.5.htm 在IE中拖动图像 • 22.6.htm 按钮翻转示例 • 22.7.htm 跟随屏幕移动的图片 • 22.8.htm 多幅图片滚动显示 • 22.9.htm 图片的左右循环飘动 • 22.10.htm 图片的渐隐渐显 • 22.11.htm 不停闪烁的图片 • 22.12.htm 图片倒映 第23章(\第23章) • 23.1.htm 简单过渡 • layerlib.js JavaScript外部文件 • 23.3.htm 目标翻转 • 23.4.htm 运动图像 • 23.5.htm 随机图像 • 23.6.htm 动画效果 • 23.7.htm Sequencer控件 • 23.8.htm Path控件 • 23.9.htm 永远居中的背景图片 • 23.10.htm 随机显示的背景图片 • 23.11.htm 垂直滚动公告板 • 23.12.htm 类似Flash的字幕效果 • 23.13.htm 地震效果 第24章(\第24章) • MyApplet.txt 简单的Java Applet源程序 • 24.2.htm 在JavaScript中访问Java Applet • 24.3.htm 简单的Flash插件 • 24.4.htm mimeTypes[]数组 • 24.5.htm 使用mimeTypes[]检测支持的媒体类型 • 24.6.htm 使用navigator.plugins[][]列举所有Flash MIME类型 • 24.7.htm 列举plugins[]数组的内容 • 24.8.htm 简单的Flash播放控制器 • 24.9.htm ActiveX控件示例 • 24.10.htm 使代码兼容多种浏览器 • 24.11.htm Flash 播放控制器(ActiveX) 第25章(\第25章) • 25.1.htm 单向通信中的Image • 25.2.htm JavaScript向服务器发送RPC • 25.3.htm 动态内容 • 25.4.htm 中的单词拼写检查 • 25.5.htm 内联框架 第26章(\第26章) 1.查看书中图26.9的效果的方法: 用记事本打开26.5.xml,找到第二行,内容如下: 将两端的去掉并保存该文档后,用IE打开,就可看到图26.9所示的效果。 2.查看书中图26.10的效果的方法: 用记事本打开26.5.xml,找到第3行,内容如下: 将两端的去掉并保存该文档后,用IE打开,就可看到图26.9所示的效果。 3.要查看书中图26.11的效果,须连接Internet。 • 26.1.xml XML文档的例子 • 26.2.xml 包含DTD及其实例的XML文档 • 26.3.xml 要转换的XML文档 • test.xsl 转换XML文档的模板文件 • 26.5.xml 更复杂的要转换的XML文档 • staff.xsl XSL样式表 • staff.css CSS样式表 • 26.8.xml 使用了MathML的XML文档 • 26.9.htm 显示XML文档根结点 • 26.10.htm 使用Jscript与DOM直接操作XML • 26.11.xml 使用Mozilla直接操作XML • 26.12.js 使用Mozilla直接操作XML用到的js文件 • 26.13.htm IE XML数据岛应用 • 26.14.htm IE XML数据岛 • 26.15.rss 简单的rss文件 • 26.16.htm 简单的rss阅读器 第28章(\第28章) • 28.1.htm 显示当前时间 • 28.2.htm 显示当前日期和星期 • 28.3.htm 显示日期、时间和星期 • 28.4.htm 分时段问候 • 28.5.htm 以数字图片来显示时间 • 28.6.htm 显示世界不同地区的当前时间 • 28.7.htm 总是悬浮的时钟 • 28.8.htm 简单的加减乘除运算 • 28.9.htm 能进行四则混合运算的计算器 • 28.10.htm 在表单中显示打字效果 • 28.11.htm 随页面刷新更换页面背景 • 28.12.htm 随页面刷新显示不同图片 第29章(\第29章) • 29.1.htm 汉诺塔问题求解 • 29.2.htm 位置固定的对联广告 • 29.3.htm 随页面滚动的对联广告 • 29.4.htm 循环滚动的多幅广告 • css.css 代码29.4用到的样式文件 • 29.6.htm 用JavaScript实现级联选择 • ajax_server.asp 使用ASP访问demo数据表 • ajax.htm 使用ajax实现级联选择 第30章(\第30章) 代码说明:本章实现了一个ASP留言板程序,程序需要在IIS环境下运行。 • index.asp 留言板主程序 • guestbook.mdb 留言板数据库程序 • images\ 留言板使用的图像文件目录

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧