:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML CSS ...

示例1： 示例2： Feedback：利用hover控制两个元素可以达到不用js也能写出简易的弹出二维码或者输入框颜色整体变化 提示等控件小特效。注意：在使用过程中 触发选择器 只能写 该元素本身 的选择器 不能用这样的写法： 父元素选择器1 子元素 ...

css中的伪类和伪元素总是混淆，今天参考了很多资料，也查看了部分文档，现将伪类及伪元素总结如下： 一、由来： 　　伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述，比如CSS没有“段落的第一行”、“文章首字母”之类的选择器，而这在一些出版场景里又是必须的，这一情况下出现的。引用标准中 ...

关于伪类:hover大家都用过，也比较熟悉。今天介绍一种新的用法（不是我发现的，但是以前一直没这么用过）。在Chrome浏览器下，当a标签使用display:black;时a:hover的属性浏览器就读不到。解决的方法就是在样式名后直接添加:hover属性（.hao:hover ...

如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。 例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写： 伪元素 ...

css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！ 定义 伪类包含两种：状态伪类和结构性伪类。 状态伪 ...

参考地址：链接 +表示下一级元素，>表示子元素 ...

hover用法： 必须-移入父级操作子级 也可以移入自己操作自己 1.对自身作用 ul li:hover { background: red; } 　　 2.对自身的子集作用 ul li ...