html中什么是伪类

html中,伪类是一种用于已有元素处于某种状态时(滑动、点击等)为其添加对应样式的选择器,且这个状态是根据用户行为而动态变化的。常用伪类有“:active”、“:hover”、“:link”、“:root”、“:valid”等等。

html中什么是伪类

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

伪类:用于已有元素处于某种状态时(滑动、点击等)为其添加对应的样式,这个状态是根据用户行为而动态变化的。

我的理解就是:本身不存在,只有在特定的情况(滑动、点击)下才会被触发的状态,可以用css去修饰这个状态下的对象。

例如:当用户悬停在指定元素时,可以通过:hover来描述这个元素的状态,虽然它和一般css相似,可以为已有元素添加样式,但是它只有处于DOM树无法描述的状态下才能为元素添加样式,所以称为伪类。

立即学习“前端免费学习笔记(深入)”;

常用伪类有:

:active 选择正在被激活的元素(匹配指定状态)

:hover 选择被鼠标悬浮着的元素(匹配指定状态)

:link 选择未被访问的元素 (匹配指定状态)

:visited 选择已被访问的元素(匹配指定状态)

:first-child 选择满足是其父元素的第一个子元素的元素

:lang(value) 选择带有指定 lang 属性的元素

:focus 选择拥有键盘输入焦点的元素

:enable 选择每个已启动的元素

:disable 选择每个已禁止的元素

:checked 选择每个被选中的元素

:target 选择当前的锚点元素

:first-of-type 选择满足是其父元素的第一个某类型子元素的元素

:last-of-type 选择满足是其父元素的最后一个某类型子元素的元素

:only-of-type 选择满足是其父元素的唯一一个某类型子元素的元素

:nth-of-type(n) 选择满足是其父元素的第n个某类型子元素的元素

:nth-last-of-type(n) 选择满足是其父元素的倒数第n个某类型的元素

:only-child 选择满足是其父元素的唯一一个子元素的元素

:last-child 选择满足是其父元素的最后一个元素的元素

:nth-child(n) 选择满足是其父元素的第n个子元素的元素

:nth-last-child(n) 选择满足是其父元素的倒数第n个子元素的元素

:empty 选择满足没有子元素的元素

:in-range 选择满足值在指定范围内的元素

:out-of-range 选择值不在指定范围内的元素

:invalid 选择满足值为无效值的元素

:valid 选择满足值为有效值的元素

:not(selector) 选择不满足selector的元素

:optional 选择为可选项的表单元素,即没有“required”属性

:read-only 选择有”readonly”的表单元素

:read-write 选择没有”readonly”的表单元素

:root 选择根元素

相关推荐:《html视频教程》

以上就是html中什么是伪类的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2941637.html

(0)
上一篇 2025年3月11日 21:56:06
下一篇 2025年3月11日 21:56:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html div有哪些属性

    html div属性有:align、accesskey、class、id、lang、style、title、hidden、“data-*”、draggable、dropzone、spellcheck、tabindex、translate等。…

    2025年3月11日
    200
  • html中什么是空元素

    在html中,空元素指的是没有内容的HTML元素,空元素下是没有子级节点和内容的;空元素是在开始标签中关闭的,也就是说空元素没有闭合标签的。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在用来描述网页的计算机语…

    2025年3月11日
    200
  • html表格有哪些标签

    html表格标签有:1、“”;2、“”;3、“”;4、“”;5、“”;6、“”;7、“”;8、“”;9、“”等等。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在 HTML 中,我们使用 标签来定义表格。HTM…

    2025年3月11日
    200
  • html5中top是什么意思

    html5中top是“顶部”、“距离顶部”的意思,top属性用于规定元素的顶部边缘,也可用于设置定位元素的上外边界与其包含块上边界之间的偏移,语法为“”或“Object.style.top=值”。 本教程操作环境:windows10系统、H…

    2025年3月11日
    200
  • html中怎么设置字体透明度

    html中设置字体透明度的方法:1、利用color属性和rgba()函数,语法为“字体元素{color: rgba(红色值, 绿色值, 蓝色值, 透明度值);}”;2、利用opacity属性,语法“字体元素{opacity:透明度值;}”。…

    2025年3月11日
    200
  • JavaScript定位元素的方法有哪些

    定位元素的方法:1、利用getElementById(“id”);2、利用“name”;3、利用“元素标签名”;4、利用“class”;5、利用“css选择器”。 本教程操作环境:windows10系统、javasc…

    2025年3月11日
    200
  • javascript中confirm用法是什么

    在JavaScript中,confirm()方法用于显示一个指定消息和带有确定和取消的对话框,语法为“confirm(在对话框上显示的文本)”,当点击“确定”按钮时会返回true,点击“取消”按钮则会返回false。 本教程操作环境:win…

    2025年3月11日 编程技术
    200
  • 深入浅出了解一下html中的特殊符号、表单和表格

    本篇文章给大家带来了关于html中特殊符号、表格和表单的相关知识,希望对大家有帮助。 特殊符号 (1)什么是特殊符号?   特殊符号就是网页上一些比较特殊的符号。 (2)为什么需要特殊符号?   因为有时候我们需要特殊符号,比如:把html…

    2025年3月11日 编程技术
    200
  • html有几个版本

    html有8个版本:1、“HTML 1.0”;2、“HTML 2.0”;3、“HTML 3.2”;4、“HTML 4.0”;5、“HTML 4.01”;6、“XHTML 1.0”;7、“HTML5”;8、“XHTML5”。 本教程操作环境:…

    2025年3月11日
    200
  • html中的block是什么意思

    在html中,block的意思是“块级元素”,block属性值与display属性配合使用时,用于设置指定的元素会被显示为块级元素,元素前后会带有换行符,语法为“”。 本教程操作环境:windows10系统、HTML5版、Dell G3电脑…

    2025年3月11日
    200

发表回复

登录后才能评论