首页
职业课程
师资团队
免费课程
认证考试
学习平台
学员成果
关于我们
网络安全文章页活动benner
新闻详情页
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

  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文档根元素永远是标签

  css伪类是什么意思?前端css中有哪些常用的伪类?想学前端,关注成都知了堂前端培训,不仅有免费前端视频课程讲解,不定期还有直播,与老师在线沟通。


联系电话:17713623990