2022-01-26 hover的常见几种用法

0.锚伪类选择器

a:link {
   color: #FF0000}		/* 未访问的链接 */
a:visited {
   color: #00FF00}	/* 已访问的链接 */

a:hover {
   color: #FF00FF}	   /* 鼠标移动到链接上 */
a:active {
   color: #0000FF}	/* 选定的链接 */

其中,

• :vistied和:link是a标签专用的锚伪类选择器
• :hover 和:active可以用于所有元素

一.hover的常见用法

1.父子节点:鼠标悬停在当前元素时,其子元素样式变化

语法

父节点:hover 子节点

示例

• html

  <div id="app">
    <div class<