说说伪类与伪元素的不同 伪元素用来创建HTML文档语言指定之外文档树的抽象层。比如HTML没有提供文档元素内容的首字母或第一行的访问机制。CSS伪元素允许作者引用这些除此之外无法访问的信息。伪元素还提供一种方法来引用不存在于文档中的内容。(比如,::before 和 ::after )。 一个伪元素 ...
分类:
其他好文 时间:
2018-04-09 21:03:42
阅读次数:
229
只要兼容现代浏览器如 webkit、firefox、opera等浏览器,对于伪元素采用双冒号的写法,要是非要兼容IE浏览器,用CSS2的单冒号写法比较安全。 首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两 ...
分类:
其他好文 时间:
2018-03-29 19:02:23
阅读次数:
376
css伪类用于向某些选择器添加特殊的效果 css伪元素用于将特殊的效果添加到某些选择器 伪类种类 :active 将样式添加到被激活的元素 :focus 将样式添加到被选中的元素 :hover 鼠标悬浮在上方 :link 未被访问过的链接 :visited 被访问过的链接 :first-child ...
分类:
其他好文 时间:
2017-08-26 16:04:06
阅读次数:
144
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的元素(伪类),或者是元素中特别的内容(伪元素)。区别总结如下: css伪元素 (Pseudo-elements):用于向某些选择器设置特殊效果,是对元素中的特定内容进行设置和操作, ...
分类:
其他好文 时间:
2017-06-22 19:11:25
阅读次数:
233
CSS 伪元素 所有CSS伪类/元素 例子: My name is Donald I live in Ducksburg 注意: :before 作用于 IE8,DOCTYPE 必须已经声明. 例子: runoob.com wikipedia.org 注意: :active选择器样式触发时链接到链接 ...
分类:
Web程序 时间:
2017-05-29 19:14:46
阅读次数:
347
当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。 清除浮动方法: 方法一 ...
分类:
Web程序 时间:
2017-05-07 17:35:40
阅读次数:
196
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的元素(伪类),或者是元素中特别的内容(伪元素)。区别总结如下: css伪元素 (Pseudo-elements):用于向某些选择器设置特殊效果,是对元素中的特定内容进行设置和操作, ...
分类:
Web程序 时间:
2017-03-28 21:20:52
阅读次数:
189
CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 区别:伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。 伪类种类 伪元素种类 区别 这里用伪类 :firs ...
分类:
其他好文 时间:
2017-03-10 10:54:24
阅读次数:
133
伪对象也叫伪元素,在过去,伪类和伪元素都被书写成前面只加一个冒号,实际上应该是: :weilei ::伪元素 而现在我们为了兼容旧的书写方式,用一个冒号引导伪类也是能被解析的。 伪类一般反应无法在CSS中轻松或者可靠检测到的某个元素的 状态或属性 ; 伪元素表示DOM外部的某种 文档结构 。 伪类更 ...
分类:
Web程序 时间:
2016-12-20 20:40:51
阅读次数:
187
<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>伪类</title><style> /*伪元素选择器:伪元素的效果是需要通过添加一个实际的元素才能达到的。CSS中有如下四种伪元素选择器:·:first-line:为某个元素的第一行..
分类:
Web程序 时间:
2016-11-14 02:57:18
阅读次数:
971