css中伪元素和伪类的区别

2019-04-16  本文已影响0人  小强不是蟑螂啊

伪类选择器 :focus :link :active :hover :before :after :visited :first-child :lang
伪类选择器主要有两个意义:找到dom树中不存在的信息和常规css无法获取的信息
伪元素是获取到文档中不存在的内容 ::before ::after ::first-letter/::first-line
伪元素是有两个冒号开头::,然后是伪元素的名称
一个选择器只能使用一个伪元素,并且伪元素必须放在选择器的最后
伪元素创建了一个虚拟容器,这个容器不包含任何DOM元素,但是可以包含内容
总结:
伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;
伪元素本质上是创建了一个有内容的虚拟容器;
CSS3中伪类和伪元素的语法不同;
可以同时使用多个伪类,而只能同时使用一个伪元素;

上一篇下一篇

猜你喜欢

热点阅读