美文网首页
CSS伪类与伪元素简单了解

CSS伪类与伪元素简单了解

作者: 荒剑离 | 来源:发表于2020-02-03 22:37 被阅读0次

CSS 伪类

CSS 伪类用于向某些选择器添加特殊的效果。

  • :active | 向被激活的元素添加样式。
  • :focus | 向拥有键盘输入焦点的元素添加样式。
  • :hover | 当鼠标悬浮在元素上方时,向元素添加样式。
  • :link | 向未被访问的链接添加样式。
  • :visited | 向已被访问的链接添加样式。
  • :first-child | 向元素的第一个子元素添加样式。
  • :lang | 向带有指定 lang 属性的元素添加样式。

CSS 伪元素

CSS 伪元素用于向某些选择器设置特殊效果。

  • :first-letter | 向文本的第一个字母添加特殊样式。
  • :first-line | 向文本的首行添加特殊样式。
  • :before | 在元素之前添加内容。
  • :after | 在元素之后添加内容。

参考资料

相关文章

  • part2: CSS基础-练习

    CSS全称: cascading style sheets 谈谈css伪类与伪元素 这是我见过最全的伪类和伪元素总...

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • CSS伪类与伪元素简单了解

    CSS 伪类 CSS 伪类用于向某些选择器添加特殊的效果。 :active | 向被激活的元素添加样式。 :foc...

  • 伪元素与伪类的区别

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • css伪类及伪元素

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • 巧用伪元素和伪类让我们的html结构更清晰合理

    css3为了区分伪类和伪元素,伪元素采用双冒号写法。 伪元素: [ 伪元素用于向某些选择器设置特殊效果,简单来说,...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类: css引入伪类和伪元素概念是为了格式化文...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类:css引入伪类和伪元素概念是为了格式化文档...

  • css伪类和伪元素区别

    伪类与伪元素 css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中...

网友评论

      本文标题:CSS伪类与伪元素简单了解

      本文链接:https://www.haomeiwen.com/subject/jmqlxhtx.html