控制自己本身

div:hover {backgroun-color: red;
}

控制子元素样式

div:hover div {background-color: red;
}

控制相邻同级元素

div:hover+div {background-color: red;
}

控制不相邻同级元素

div:hover~div {background-color: red;
}

相关的还有:active :link :visited

link:平常的状态

visited:被访问过之后

hover:鼠标放到上面的时候

active:被按下的时候

同时有时:

1. a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!
2. a:active 必须位于 a:hover 之后,这 样才能生效!
顺序为:
a:link----->a:visited------>a:hover-------->a:active。

:hover的知识点相关推荐

  1. css面试基础知识,CSS知识点与面试题解析

    前言 CSS 和 HTML 是网页开发中布局相关的组成部分,涉及的内容比较多和杂乱,本小节重点介绍下常考的知识点. 选择器的权重和优先级 CSS 选择器有很多,不同的选择器的权重和优先级不一样,对于一 ...

  2. css 动态rem_【面试题】CSS知识点整理(附答案)

    目录 伪类和伪元素 实现固定宽高比(width: height = 4: 3)的div,怎么设置 CSS选择器 CSS解析规则 flex: 1 完整写法 display: none和 visibili ...

  3. css知识点笔记-常用属性

    css知识点范围:常用属性 删除线:text-decoration : line-through 下划线:text-decoration : underline 斜体:font-style : ita ...

  4. 每一个div元素分析 php,PHP初入,div知识点整理(特效字体等元素的使用整理)...

    .nav{ width: 500px; height: 100px; border: 2px solid black; background-image: url(js/QQ图片20170815095 ...

  5. 【干货分享】前端面试知识点锦集02(CSS篇)——附答案

    二.CSS部分 1.解释一下CSS的盒子模型? 回答一: a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度 b.网页设计中常听的属性名:内容(content).填充(paddi ...

  6. js使用hover事件做一个“个人中心”的浮动层

    原材料知识点:hover html: css:

  7. 小型移动 webApp Demo 知识点整理

    包括内容: css初始化.css全局设置.常用meat标签.rem适配.flex布局.相关技巧(手势库使用.多行截字.1像素边线.点击状态.placeholder居中等) reset 引用 norma ...

  8. css就近原则_细品100道CSS知识点(上)「干货满满」

    作者:hh_phoebe 转发链接:https://juejin.im/post/5ee0cf335188254ec9505381 目录 细品100道CSS知识点(上)[干货满满]本篇 细品100道C ...

  9. js hover 触发事件_为什么说JS的DOM操作很耗性能

    想问这样的问题,其实是自己心中没有个谱,一直用 js 计算性能来衡量 浏览器dom 操作性能.js性能和浏览器性能其实是两码事. 这个问题很抽象,它里面涉及挺多个小的知识点. 重申一点,js 操作 D ...

最新文章

  1. 淘宝npm镜像使用方法
  2. 如何手工删除AD RMS SCP?
  3. struts2的配置
  4. Linux-鸟菜-4-关机的正确姿势
  5. Find Minimum in Rotated Sorted Array II
  6. WinForm 异步调用方法
  7. 深刻理解:反向代理服务器
  8. java udp传输文件_JAVA使用UDP收发文件
  9. 分析 Go time.After 引起内存暴增 OOM 问题
  10. [java]ArrayList的介绍
  11. 案例分享丨红外自动感应门设计与实现详解
  12. java string == 比较,Java 基础 之 String 的比较
  13. php的log文件怎么打开,log文件怎么打开 Log文件打开乱码的解决方案
  14. Java中实现连接数据库并进行查询
  15. 如何更改Andrioid模拟器 avd路径
  16. python源码中的学习笔记_第6章_元组
  17. 蓝桥杯——练习系统登录
  18. 通用时与儒略日代码解析
  19. mysql插入数据不成功_mysql插入数据失败原因分析
  20. 软考高级信息系统项目管理师必备知识点(记忆敲出)

热门文章

  1. 批处理使用问题处理(逐步添加)
  2. CEF Xilium.CefGlue 防止浏览器闪退
  3. GitHub Repo
  4. 搜索引擎发展趋势探讨
  5. Ubuntu18.04/20.04复现算法RandLa-net 数据集S3DIS
  6. android模拟ip地址,安卓 获取手机IP地址的实现代码
  7. Android 11:固定热点的ip地址
  8. 可见光通信产业化现状分析(国内篇)
  9. B树,B+树,B*树以及R树的介绍
  10. 微型计算机显卡坞介绍,自带GTX 1070 全球最小显卡扩展坞亮相