CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active, 还有一些不被常使用的伪类,有:focus,:first-child,:lang等。 而且CSS里不光有伪类,还有伪元素,比如::first-letter,:first-line,:before和:after。 after顾名思义是在元素后面的意思,实质是在元素之...
起初,伪元素的前缀使用的是单冒号语法,但随着Web的进化,在CSS3的规范里,伪元素的语法被修改成使用双冒号,成为::before&::after– 这个样子,用来跟“伪类(pseudo-classes)”区分开,(例如:hover,:active, 等)。 浏览器对伪元素的支持 然而,不论你使用单冒号还是双冒号语法,浏览器都能识别。因为IE8只支持单冒号...
同时我们可以使用attr来引用元素的属性,例如这里我们可以读取id=gbin1的元素的href属性对应的值做为:after生成的伪元素内容。 如果你见到::before和::after的样式,也不用奇怪,唯一区别在于这是CSS3的伪类表示方法。 注意:上面代码中,我们在:before中生成一个图片内容: url("images/gbin1icon.png"); ,注意没有...
前端开发肯定都接触过伪类(pseudo class)和伪元素(pseudo element),但是这两个概念特别容易搞混,不要怕,今天就带领大家攻克这个技术难点。 什么是伪类和伪元素? 伪类:以冒号(:)开头,用于选择处于特定状态的元素。 伪元素:以双冒号(::)开头,用于在文档中插入虚构的元素。 这么说有点抽象,我们来看具体案例。例如...
镜像后的分级元素是指在CSS中,通过使用伪元素(pseudo-element)和伪类(pseudo-class)来选择和样式化元素的特定部分。镜像后的分级元素可以在元素的内容前面或后面插入额外的内容,或者改变元素的样式。 常见的镜像后的分级元素包括: ::before:在元素内容前面插入额外的内容。可以用来添加图标、装饰性的元素或者生成特殊效...
本节要介绍的是伪选择器的第一种:伪类选择器(pseudo-class selector),它用于描述元素的动态特征,再根据元素的特殊状态来选择元素,常用的有结构、链接和表单等伪类。注意,伪类只对它依附的元素起作用,并且多个伪类可拼接在一起。 1)结构伪类 CSS3新增了许多与结构相关的伪类,例如:root和:empty。:root会匹配文档的...
伪类- pseudo classes 首先看看CSS2中对伪类的定义: CSS 伪类用于向某些选择器添加特殊的效果。 单单看定义完全不懂在讲什么。截止CSS2,伪类有以下几种(偷个懒,截图引自W3School): 然后是CSS3对伪类的定义: The pseudo-class concept is introduced to permit selection based on information that lies outside ...
CSS伪类(Pseudo-classes) CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} anchor伪类 在支持 CSS 的浏览器中,链接的不同状态都可以以不同的方式显示 ...
:not 伪类选择器用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class)。 也叫否定伪类,是在元素与括号里面的参数不匹配的时候,就会对这个伪类进行匹配。比如: :not(span):{color:red} 这就会匹配不是 span 元素的其他所有元素,包括 html 和 body。
2、伪类选择器的语法 selector:pseudo-class{property:value;}a:link{color:#FF0000;}input:focus{...