css伪类是什么意思?前端css中有哪些常用的伪类

        学前端CSS层叠样式表是前端道路上必不可少的一步。CSS中有一个名词叫做伪类,那么CSS伪类是什么意思呢?前端CSS中有哪些常用的伪类呢?
        Css伪类是什么意思呢?
        伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。
        例如:CSS允许针对a标签的四个状态分别设置各自的CSS特性和样式,就叫做css伪类。CSS伪类在做网站时也经常用到。
  • 1、普通的链接状态 a 或a:link
  • 2、光标放上去的状态 a:hover
  • 3、光标点击时的状态 a:active
  • 4、点击后的状态 a:visited
   css伪类是什么意思


CSS2的伪类大汇总:
E:link动态伪类选择器,用于设置未访问的连接
E:visited动态伪类选择器,用于设置已访问过的连接
E:hover动态伪类选择器,用于设置鼠标移到标签上的效果
E:active动态伪类选择器,用于设置鼠标点到连接上的效果
E:focus焦点伪类选择器,用于设置输入框获取到焦点时的效果
E:lang(zh-cn) 语言伪类选择器,用于选择设置了对应语言的标签
E:first-child 结构伪类选择器,用于选择第一个子元素
CSS3的伪类大汇总:
E:last-child 结构伪类选择器,用于选择最后一个子元素
E:only-child 结构伪类选择器,用于选择仅有的一个子元素
E:nth-child(n) 结构伪类选择器,用于选择指定位置的某个元素
E:nth-last-child(n) 结构伪类选择器,用于选择倒数指定位置的某个元素
E:first-of-type选择同类型中的第一个同级兄弟元素E
E:last-of-type选择同类型中的最后一个同级兄弟元素E
E:only-of-type选择同类型中的唯一的一个同级兄弟元素E
E:nth-of-type(n)选择同类型中的第n个同级兄弟元素E
E:nth-last-of-type(n)选择同类型中的倒数第n个同级兄弟元素E
E:empty选择没有任何子元素的元素E
E:checked用于设置单选与复选框的选中项样式
E:enabled用于设置可用的输入框的样式
E:disabled用于设置禁用的输入框的样式
E:target目标伪类选择器,用于设置当前锚点匹配的目标样式
E:not(s)否定伪类选择器,用于否定某个选择器
E:root 用于选择文档的根元素,html文档根元素永远是<html>标签
css伪类是什么意思?前端css中有哪些常用的伪类?想学前端,关注成都知了堂前端培训,不仅有免费前端视频课程讲解,不定期还有直播,与老师在线沟通。
 

实战教学·项目驱动

开班计划中
  • 软件测试

    12月13日

  • JAVA

    12月13日

  • 前端

    12月26日

  • 网安

    12月27日

24小时报名热线

132 2811 3191

预约试学