首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Pseudo-elements

一个CSS 伪元素是一个关键字添加到选择器,让你风格选定元素的特定部分。例如,::first-line可以用来改变段落第一行的字体。

代码语言:javascript
复制
/* The first line of every <p> element. */
p::first-line {
  color: blue;
  text-transform: uppercase;
}

注意:与伪元素相比,pseudo-classes可以根据元素的状态来设置元素的样式。

语法

代码语言:javascript
复制
selector::pseudo-element {
  property: value;
}

您只能在选择器中使用一个伪元素。它必须出现在声明中的简单选择器之后。

注意:通常,::应该使用双冒号()代替单个冒号(:)。这将伪类与伪元素区分开来。但是,由于W3C规范的旧版本中没有这种区分,大多数浏览器都支持原始伪元素的两种语法。

伪元素指数

  • ::after
  • ::before
  • ::cue
  • ::first-letter
  • ::first-line
  • ::selection
  • ::backdrop
  • ::placeholder
  • ::marker
  • ::spelling-error
  • ::grammar-error

Browser

Lowest Version

Support of

Internet Explorer

8.0

:pseudo-element

9.0

:pseudo-element ::pseudo-element

Firefox (Gecko)

1.0 (1.0)

:pseudo-element

1.0 (1.5)

:pseudo-element ::pseudo-element

Opera

4.0

:pseudo-element

7.0

:pseudo-element ::pseudo-element

Safari (WebKit)

1.0 (85)

:pseudo-element ::pseudo-element

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com