CSS——伪类和伪元素的区别

伪类和伪元素
  CSS3规定,

    伪类由一个冒号开始,然后为伪类的名称。例如: :after
    伪元素由两个冒号开始,然后为伪元素的名称。例如: ::after
  伪类的概念:
    伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多的信息。通常表示获取不存在与DOM树中的信息,或获取不能被常规CSS选择器获取的信息。

:hover
:focus
:empty
...

  伪元素的概念:
    伪元素本质上是创建了一个有内容的虚拟容器。这个容器不包含任何DOM元素,但是可以包含内容。另外,开发者还可以为伪元素定制样式。

::selection
::first-line / ::first-letter
::before / ::after
...

 

posted @ 2021-02-07 12:09  泰初  阅读(184)  评论(0编辑  收藏  举报