CSS3伪元素、伪类选择器

伪元素选择器：

::first-letter:为某个元素中的文字的首字母或第一个字使用样式。
::first-line:为某个元素的第一行文字使用样式。
::before:在某个元素之前插入一些内容。
::after:在某个元素之后插入一些内容
::selection:匹配元素中被用户选中或处于高亮状态的部分。

伪类选择器：

:link:未访问的链接。
:visited:已访问的链接。
:hover:鼠标移动到链接上。
:active:选定的链接。

原文地址：https://www.cnblogs.com/X-Amy/p/8469081.html

时间： 2024-10-14 10:21:05

CSS3伪元素、伪类选择器的相关文章

css3中伪类选择器和伪元素介绍

利用html5和css3开发出炫酷的网页,那么对于一个web前端开发者,css3也是必须要掌握的,下面和大家讨论一下css3中伪类选择器和伪元素. 类选择器在css中可以使用类选择器把相同的元素定义成不同的样式.比如:p.left{text-align: left}p.rigth{text-align: right} 伪类选择器类选择器和伪类选择器的区别在于,类选择器我们可以随意起名,而伪类选择器是CSS中已经定义好的选择器,不可以随意起名. 最常见的伪类选择器 a:link{ color:

Css3之高级-1 Css复杂选择器（兄弟选择器、属性选择器、伪类选择器、伪元素选择器）

一.兄弟选择器相邻兄弟选择器 - 相邻兄弟选择器匹配指定元素的相邻兄弟元素 - 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 - 使用加号(+)作为结合符通用兄弟选择器 - 通用兄弟选择器匹配某元素后面的所有兄弟元素 - 使用符号(~)作为结合符,即 element1~element2 - 两种元素必须拥有相同的父元素,但是element2不必直接紧随element1 二.属性选择器属性选择器 - 属性选择器能够将元素附带的属性用于选择器中,从而对带

CSS3伪类和伪元素的特性和区别

本文转自:http://www.cnblogs.com/ihardcoder/p/5294927.html 今天复习css时发现::的css选择器,查了一下,知道有伪元素和伪类这件事,他们的区别是什么呢?很幸运已经有人总结好了! CSS3伪类和伪元素的特性和区别前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link.visited等,伪元素较常见的比如:before.:after等. 其实上面提到的这些伪类和伪元素都是CSS1和CS

【CSS3】详解伪元素与伪类

1.伪类伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式:当状态改变时,它又会失去这个样式.由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类. 伪类的定义: (1)伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息. (2)伪类由一个冒号:开头,冒号后面是伪类的名称和包

伪类选择器和伪元素

伪类选择器是使用在a(锚)元素上的几种选择器,它们的使用方法如下: a:link{color:#ff0000;text-decoration:none} a:visited{color:#00ff00;text-decoration:none} a:hover{color:#ff00ff;text-decoration:underline} a:link{color:#0000ff;text-decoration:underline} 在支出CSS的浏览器中,链接的不同状态都可以以不同的方式显示

表单，音视频，语义化标签与属性选择器，结构伪类选择器，伪元素选择器（按钮禁止点击）

HTML5简介万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为:广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势: 新增语义化标签 <header></header>  <nav></nav>  <article>&l

CSS中伪类选择器及伪元素

1.伪类选择器在CSS中,最常用的伪类选择器是使用在a(锚)元素上的几种选择器,它们的使用方法如下: a:link{color:#FF0000;text-decoration:none} a:visited{color:#FF0000;text-decoration:none} a:hover{color:#FF0000;text-decoration:none} a:active{color:#FF0000;text-decoration:none} 2.伪元素选择器伪元素选择器不是针对真

常用伪类、伪元素选择器

伪类选择器 :link 未访问 :visited 已访问 :hover 鼠标悬停 :active 鼠标按下 :not(s) 匹配不含s选择器的元素 :frist-child 父元素的第一个元素 :last-child 父元素的最后一个元素 :only-child 父元素的唯一一个元

[css选择器]伪元素和伪类

伪元素伪元素可以创建一些文档语言无法创建的虚拟元素. 比如:文档语言没有一种机制可以描述元素内容的第一个字母或第一行,但伪元素可以做到(::first-letter.::first-line). 同时,伪元素还可以创建源文档不存在的内容,比如使用 ::before 或 ::after. 不能用伪元素插入对交互有实质性影响的内容,以避免css不能正确加载.另外,屏幕阅读器也没有统一的方式解释伪元素,有的会直接忽略它们伪类原文地址:https://www.cnblogs.com/L-xmin/

浅谈CSS的伪类与伪元素

本文向大家展示了CSS的伪类与伪元素,介绍的非常全面,这里推荐给大家参考下. 伪类伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式:当状态改变时,它又会失去这个样式.由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类. 伪类选择器:CSS中已经定义好的选择器,不能随便取名 :link 伪类将应用于未被访问过的链接,与:v