CSS 伪元素和伪类

CSS 伪元素用于设置元素指定部分的样式。

::first-line伪元素用于向文本的首行添加特殊样式。

注意：::first-line 伪元素只能应用于块级元素。
以下属性适用于 ::first-line 伪元素：
字体属性
颜色属性
背景属性
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
请注意双冒号表示法 - ::first-line 对比 :first-line
在 CSS3 中，双冒号取代了伪元素的单冒号表示法。这是 W3C 试图区分伪类和伪元素的尝试。

::first-letter 伪元素用于向文本的首字母添加特殊样式。

::before 伪元素可用于在元素内容之前插入一些内容

::after 伪元素可用于在元素内容之后插入一些内容。

::selection 伪元素匹配用户选择的元素部分。

CSS 伪元素和伪类相关推荐

css横向排列_CSS中伪元素和伪类的经典使用技巧
随着前端技术的发展,CSS样式的制作在网页中占据着十分重要的地位.前台页面的样式布局.以及展现给用户的体验效果都离不开CSS;虽然在实际的开发中会大量的使用一些主流的UI样式框架,但这些样式框架每一个 ...
CSS伪类(Pseudo-classes)、伪元素、伪类选择器
CSS伪类(Pseudo-classes)和伪元素(详细) 那什么是伪类? 伪类是添加到选择器上的关键字,指定元素的特殊状态,伪类可以根据内容的状态来应用不同的样式: 伪类选择元素基于的是当前元素处于 ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
巧用伪元素和伪类让我们的html结构更清晰合理
css3为了区分伪类和伪元素,伪元素采用双冒号写法. 伪类 -- :hover, :link, :active, :visited, :first-child, :last-child, nth-ch ...
浅析什么是伪类和伪元素？伪类和伪元素的区别解析
一.理解什么是伪类?什么是伪元素? 1.伪类种类伪类作用对象是整个元素 a:link{color:#111} a:hover{color:#222}div:first-child{color:#33 ...
css常用属性初总结:伪元素和伪元素
前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧. 其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究 ...
什么是伪类和伪元素？伪类和伪元素的区别的区别详解
1.伪类用来添加一些选择器的特殊效果. 2.伪元素伪元素是用来添加一些选择器的特殊效果. 3.区别伪元素其实相当于伪造了一个元素,例如before,first-letter达到的效果就是伪造了一 ...
【CSS】元素的伪类
文章目录一.元素的伪类? 二.使用方法 1. :visited 2. :link 3. :hover 4. :active 总结一.元素的伪类? 本文将介绍元素的伪类使用方 ...
CSS内嵌样式的选择器（包括 id选择器、类class选择器、选择器伪元素、伪类）
CSS内嵌样式的选择器是通过使用style标签写在head里的选择器一共有9种: 1.标签选择器:是指通过元素的标签名字来选中元素从而设置样式语法结构:元素标签名{属性:属性值;属性:属性值} ...

CSS 伪元素和伪类

CSS 伪元素和伪类相关推荐

最新文章

热门文章