css 伪类、伪元素

青旅半醒 2022-12-18 03:55 259阅读 0赞

一、伪类、伪元素的共同点

  1. 伪类、伪元素存在的原因: css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。

二、伪元素、伪类的区别

  1. 伪类: 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。一般用单冒号 :
  2. 伪元素: 伪元素用于创建一些不在文档树中的元素,并为其添加样式。一般用双冒号 ::

三、伪元素汇总
















伪元素 说明 示例

四、伪类汇总
















伪类 说明 示例

总结伪类与伪元素

发表评论

表情:
评论列表 (有 0 条评论,259人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS元素

    定义 伪类: CSS 伪类 是添加到选择器的关键字,指定要选择的元素的特殊状态。 例如,:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。

    相关 css 元素

    一、伪类、伪元素的共同点 1. 伪类、伪元素存在的原因: css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比

    相关 CSS元素

    为什么要引入伪类与伪元素? css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列

    相关 css元素

    在css1中就引入了伪类和伪元素的概念,伪类可以对一个元素的不同状态或者类型进行区分,添加特殊效果。伪元素能为元素的组成部分,或是文本结点内容添加特殊效果。