139-6504-8393

合肥网站建设小编今天来说一下什么是伪类选择器和伪元素选择器

0 录入编辑:明图网络 | 发布时间:2021-12-01
合肥网站优化

伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。

a:link|a:visited|a:hover|a:active

在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的,a:active 必须被置于 a:hover 之后,才是有效的。

由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。

:focus/* 伪类将应用于拥有键盘输入焦点的元素。 */:first-child/* 伪类将应用于元素在页面中第一次出现的时候。 */:lang/* 伪类将应用于元素带有指定lang的情况。 */

伪元素选择器,伪元素的效果是需要通过添加一个实际的元素才能达到的。

合肥网站建设

结构性伪类选择器

:root()选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。:root选择器等同于<html>元素。

:not()选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。

:empty()选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。

:target()选择器来对页面某个target元素(该元素的id被当做页面中的超链接来使用)指定样式,该样式只在用户点击了页面中的超链接,并且跳转到target元素后起作用。

:first-child()选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。

:nth-child()选择某个元素的一个或多个特定的子元素。

上一篇:::before 和 :after 中双冒号和单冒号有什么区别?
下一篇:响应式网站有什么优势?
热门服务和内容
极速服务通道
  • 微信公众号

    微信公众号

  • 客服微信号

    客服微信号

  • 业务咨询 139-6504-8393

    (7*14小时)8:30-22:30 贴心服务

    合肥市蜀山区长江西路669号拓基城市广场B座11层

    在线咨询
    免责声明:本站部分数据来自网络,如权利人发现存在侵权,请及时与本站联系,我们第一时间处理。 COPYRIGHT © 合肥明图网络科技有限公司 ALL RIGHTS RESERVED 皖ICP备14002487号-3 关于明图 |