热门课程

免费试听

上课方式

开班时间

当前位置: 首页 -   文章 -   新闻动态 -   正文

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

2024-08-12 10:10:51
0

  学前端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中有哪些常用的伪类?想学前端,关注成都知了堂前端培训,不仅有免费前端视频课程讲解,不定期还有直播,与老师在线沟通。


大家都在看

前端开发前景怎么样啊?学前端有前途吗?

2024-08-12 浏览次数:0

鸿蒙支持Kotlin吗?一文带你了解鸿蒙与Kot...

2024-08-12 浏览次数:0

学软件测试需要什么基础?软件测试去哪学?

2024-08-12 浏览次数:0

学鸿蒙选择南向还是北向?为何北向开发更值得你深入...

2024-08-12 浏览次数:0

无实战不IT,菁英培优计划线下项目训练锦江站

2024-08-12 浏览次数:0

web前端框架哪个好?前端框架的区别

2024-08-12 浏览次数:0
最新资讯
css伪类是什么意思?前端cs...   学前端CSS层叠样式表是前端道路上必不可少的一步。CSS中有一个名词叫做伪类,那么CSS伪类是什...
css伪类是什么意思?前端cs... 学前端CSS层叠样式表是前端道路上必不可少的一步。CSS中有一个名词叫做伪类,那么CSS伪类是什...