css伪类选择器

css伪类选择器

1. :link {} 设置超链接的默认样式
   例如：
   a {color :red;}
   a:link { color: red;} --不推荐使用【有兼容性】
   .one:link { color:red; } --不推荐使用【有兼容性】

2. :visited {} 设置标签被访问过后的样式
   例如：
   a:visited {color: red; }

   注意：

   1. 该伪类选择器一般不会大量使用，因为浏览器存在缓存问题。
   2. 只能设置与颜色相关的属性

3. :hover {} 设置鼠标悬停到标签上的样式。

   例如：
   div:hover {
   width: 200px;
   height: 200px;
   background-color: green;
   }

4. :active {} 设置标签激活状态下的样式
   例如：
   a:active {
   color: pink;
   font-size: 40px;
   }

5. :focus {} 控件获取鼠标焦点的时候设置样式
   例如：
   input:focus {
   background-color: pink;
   }