浅谈CSS伪类与伪元素
本文向您展示了CSS的伪元素和伪元素,这是非常全面的。建议您参考。伪类
伪类选择元素基于当前元素的状态或元素的特性,而不是id、类和属性等元素的静态符号。当状态改变时,它将失去样式。正如你所看到的,它的功能与类有点相似,但它是基于文档的抽象,所以它被称为伪类。
伪类选择器:CSS中定义良好的选择器不能随便命名。
:链接
伪类将被应用到未被访问的链接,并且与访问的互斥。
:悬停
伪类将应用于鼠标指针悬停在其上的元素。
:主动
伪类将应用于激活的元素,如单击链接、按下按钮等。
:访问
伪类将应用于已访问的链接,且它们与链接是互斥的。
:焦点
伪类将应用于具有键盘输入焦点的元素。
:第一个孩子
伪类将应用于第一次出现在页面中的元素。
:郎
一个伪类适用于指定的Lang.元素
:根()选择器
那场元素在HTML文档的文档的根元素,根元素是一样的。:root选择相当于元
:非()选择器
否定选择器,如jQuery中的非选择器,可以选择除某个元素以外的所有元素。
:空()选择器
它是空的,它用来选择元素而不包含任何内容,在没有内容的情况下,即使是一个空格,也不能引用一点内容。
:目标()选择器
在目标元素的第一页(作为页面中超级链接使用的ID的元素,使用指定的样式,样式)只有当用户单击超链接页面时,跳转到目标元素才会受到影响。
n个子()
选择一个或多个特定的元素的子元素。
最后一个子()
计算父元素的最后一个元素以选择一个特定的元素。
伪元素
与特殊状态元素的伪类不同,伪元素操作元素中的特定内容。其操作水平比伪类更深,所以其动力性能比伪类的低得多。事实上,设计的目的是选择伪元素等元素含量的工作,第一个字,第一行,并选择一些普通的选择器不能之前或之后的一些内容,完成。它控制的内容实际上是作为基本相同,但它本身是基于元素的抽象和不存在的文件,所以它被称为伪元素。
伪元素选择器:不是用于实际元素的选择器,而是用于CSS中定义的伪元素的选择器。
CSS中的伪元素以前出现过::第一线,第一个字母,前,后;
所以在CSS3,他对伪元素做了一些调整,在原有的基础上增加:;;现在是::::::第一个字母::在一线after此外,他还增加了一个::selection二,::;和:CSS3主要是用来区分虚假和伪元素之间,到现在,这两个方法是公认的,也就是说,无论哪种方式的作用是一样的,只是不同的格式。
第一封信:
伪元素的样式应用于元素文本的第一个单词(母亲)。
:一线
伪元素的样式将应用于元素文本的第一行。
:前
在元素内容前面添加新内容。
:后
将新内容添加到元素内容的最后一面。
::一线
我们选择元素的第一行,例如,改变每个段落的第一行文本的样式,我们可以使用这个
以前和之后
这两个主要用于在元素的前面或后面插入内容,并使用两个常用的内容,最重要的是清除浮动。
::选择
更改浏览中文网页的默认效果