css中”:“和”::“有什么区别么

区别:一个冒号是伪类,两个冒号是伪元素。

推荐教程:CSS教程)

伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。

伪元素所控制的内容和一个a b a ;元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的# ! ! K G元素,所以叫伪元素。

伪类有::first-child ,:link:,vK X _ & . K F Distited,:hover:,active:focus,:lang

伪元素有::first-line,:first-letter,:before,:after

伪类和伪元素的区别:

伪类

伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等: I Z静态的标志。由于状态是动态变化的,所以一/ X m 3 J } 1 Z个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样x C e R j y式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。

:link- . h L c O

伪类将应用于未被访问过的链接,与:visited互斥。

:hover

伪类将应用于有鼠标指针M { * 2 r a e 8 e悬停于其上的` e + D L H c k元素。

:active

伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。

:visited

伪类将应用于已经被访问过的链接,与:link互斥。

:focus

伪类将应用于拥有键盘输入焦点的元素。b + 0 K

:first-child

伪类将应Q U U e 1用于元素在页面中第一次出现的时候。

:lang

伪类将应用于元素带有指定lang的情况。J { v M [ 0 C

(学习视频推荐:csS S ts视频K L q `教程)

伪元素

与伪类针对特殊状态的元素不同的是,伪元素是对元素o M c { t j中的特定内容进行操作V / : + H .,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。

实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。

::first-letter

伪元素的样式将应用于元素文本的第一个字(母)2 4 2 d M U %

::first-line

伪元素的样式将应用于元素文本的第一行。

::before

在元素内容的最前面添加新内容。

::after

在元素内容的g u y x J }最后t t l C :面添加新内容。

以上就是css中”:| W Y w V I ,“和”::“有什么区别么的详细内容。