美文网首页
伪类 与 伪元素

伪类 与 伪元素

作者: WPeach | 来源:发表于2017-03-11 14:22 被阅读0次

伪类的种类

伪类 作用
:active 将样式添加到被激活的元素
:focus 将样式添加到被选中的元素
:hover 但鼠标悬浮在元素的上方时,向元素添加样式
:link 将样式添加到未被访问的链接
:visited 将样式添加到被访问的链接
:first-child 将样式添加到元素的第一个子元素
:lang 定义指定元素中使用的语言

伪元素的种类

伪元素 作用
:first-letter 将样式添加到文本的首字母
:first-line 将样式添加到文本的首行
:before 元素之前的样式
:link 元素之后的样式

w3c中的定义

伪类:用于向某些选择器添加特殊的效果
伪元素: 用于将特殊的效果添加到某些选择器

理解

伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。

css3为了区分二者,明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

参考文献:https://segmentfault.com/a/1190000000484493

相关文章

  • CSS伪类和伪元素

    1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...

  • 伪元素与伪类的区别

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

  • css伪类及伪元素

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

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • 伪元素初解

    一、伪元素与伪类 1. 常见的伪类 2. 伪元素 二、伪元素(这里只说::before和::after) 1. 了...

  • CSS

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

  • part2: CSS基础-练习

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

  • css伪类和伪元素区别

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

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • css伪元素

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

网友评论

      本文标题:伪类 与 伪元素

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