15 . CSS 伪元素

15.1. CSS ::first-line 伪元素
15.2. CSS ::first-letter 伪元素
15.3. CSS ::before 伪元素
15.4. CSS ::after 伪元素
15.5. CSS ::selection 伪元素
CSS伪元素 -- Pseudo-Elements
  • CSS伪元素是CSS选择符的一部分
  • 伪元素名称的大小写敏感敏感性依赖于文档的语言,在HTML文档中大小写不敏感,在xml文档中大小写敏感
  • 伪元素也有人称为伪对象
  • 伪元素的英文为Pseudo-Elements,由于伪元素表示的不是真正的元素,因此称为'''伪'''
  • 引用网址:http://www.dreamdu.com/css/pseudo-elements/

CSS中,样式和HTML文档中元素的连接通常基于元素在文档中的位置,这种方式满足于大部分需求。不过由于HTML文档结构的限制,一些效果无法实现

例如,特定条件中,对于段落的第一行,没有一种简单的方法对其设置样式,可以使用伪元素::first-line设置段落第一行的样式

语法

::PseudoElementName

CSS1与CSS2.1对伪元素的语法是在伪元素名称前加一个冒号:,CSS3的语法是在伪元素名称前增加两个冒号::。这样修改的目的是为了区分伪元素与伪类,伪类的语法是在伪类名称前加单引号。多数浏览器已经支持CSS3定义的语法,还有一些古老的浏览器(IE6与IE7)不支持,梦之都CSS教程中使用CSS3中定义的语法

::first-line定义段落的第一行,::first-letter定义段落的第一个字符,::before在元素的开始动态的插入内容,::after在元素的结尾动态的插入内容,::selection改变用户鼠标选择的内容的样式



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都