当前位置:   article > 正文

css常用的伪类有哪些

css常用的伪类有哪些

在CSS中,伪类用于选择处于特定状态的HTML元素。以下是一些常用的CSS伪类:

:link:选择所有未被点击过的链接。

  1. a:link {
  2. color: blue;
  3. }

:visited:选择所有已被点击过的链接。

  1. a:visited {
  2. color: purple;
  3. }

:hover:选择鼠标指针浮动在上面的元素。

  1. a:hover {
  2. color: red;
  3. }

:active:选择鼠标按下且未释放的元素。

  1. a:active {
  2. color: yellow;
  3. }

这四种伪类经常一起使用来定义链接的样式,被称为“链接四态”(love/hate,分别对应:link:visited:hover:active)。

:focus:选择获得焦点的元素(如输入框)。

  1. input:focus {
  2. border: 1px solid red;
  3. }

:first-child:选择其父元素的第一个子元素。

  1. p:first-child {
  2. color: blue;
  3. }

:last-child:选择其父元素的最后一个子元素。

  1. p:last-child {
  2. color: green;
  3. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/707634
推荐阅读
相关标签
  

闽ICP备14008679号