伪类与伪元素的区别 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 一、定义 伪类 ...
伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS 中伪类和伪元素的语法不同 伪类 :link :hover 伪元素 ::before ::after 伪类单冒号,伪元素双冒号 可以同时使用多个伪类,而只能同时使用一个伪元素 伪类和伪元素的根本:是否创造了新的元素, 这个新创造的元素就叫 伪无素 。 伪元素 伪对象:不存在在D ...
2021-01-16 10:16 0 335 推荐指数:
伪类与伪元素的区别 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 一、定义 伪类 ...
一、什么是伪类、伪元素呢? 伪类:伪类对元素的分类是基于特征,而不是基于元素的名字属性或是内容。特征并不可以通过DOM树直接获得。 (伪类选择器就是不存在与HTML文档中,但是用CSS语法可以选择它们,并对其能够渲染修饰) 伪元素:伪元素创造文档语言能够指定的文档树之外的抽象 ...
对于伪类和伪元素,做前端的大多数人都听过,只是我们经常将两者弄混淆,下面我们就具体来看看它们各自的概念与用法: 1、为什么css要引入伪类和伪元素呢? css2.1 Selectors章节中对伪类与伪元素的描述: CSS introduces the concepts ...
转载:http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3伪类和伪元素的特性和区别 前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link ...
伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:target。 (相当于一个特殊的class ...
写伪元素的时候,发现有的时候是:after,有的时候是::after。这两者有什么区别呢?? 1. 单冒号和双冒号的区别 CSS3之后才有双冒号::,表示伪元素 用于对伪类(Pseudo-class)和伪元素(Pseudo-element)进行区分。 即伪类只能用单冒号。 伪 ...
css选择器常见包括id(#id)、标签(tag)、class(.class)、属性[attr=attrval]等,还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理,也能在一定程度上减少js对dom的操作! 定义 伪类包含两种:状态伪类和结构性伪类。 状态伪 ...
1、类选择器:class名 =>p.info {} //选择class为info的所有p元素 2、id选择器: id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器:标签名 => div {} //选择所有 ...