CSS伪元素 Tag Archive

CSS伪元素: first-letter和first-line的用法

first-letter和first-line的用法:定义元素中的第一个字符或多行元素的第一行,::first-line 伪元素只能在块容器中,所以,::first-line伪元素只能在一个display值为block, inline-block, table-cell 或者 table-caption中有用.

...

CSS学习系列

CSS学习系列

CSS伪元素:before和after的用法

::before和::after CSS伪元素:生成的伪元素包含在元素格式框内, 因此不能应用在替换元素上, 比如img或br元素,使用:: before和:: after伪元素来创建一些意想不到的效果。

...

CSS学习系列

CSS伪元素:::after的用法

::after的用法:用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

...

CSS学习系列

CSS伪元素:::before的用法

::before的用法:创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容,此元素默认为行内元素。

...

CSS学习系列

CSS伪元素:伪类和伪元素的区别

伪类和伪元素的区别:获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的元素(伪类),或者是元素中特别的内容(伪元素)。

...

CSS学习系列

CSS伪元素:selection的用法

selection的用法:应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。注意:E9+, Opera, Google Chrome和Safari支持::selection选择器,Firefox 通过其私有属性 ::-moz-selection 支持。

...

CSS学习系列

CSS伪元素:用bckdrop自定义弹出窗口背景源码

::backdrop CSS伪元素:在任何处于全屏模式的元素下的即刻渲染的盒子(并且在所有其他在堆中的层级更低的元素之上)。backdrop伪元素一个尚未完全支持的伪元素。

...