导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

CSS :first-child 伪类


实例

选择并样式化其父元素的第一个子元素的所有 `<p>` 元素

p:first-child {
  background-color: yellow;
}
亲自试一试 »

更多“自己尝试”的例子见下文。


定义和用法

:first-child 伪类选择其父元素的第一个子元素(在一组同级元素中)。

版本 CSS3

浏览器支持

表中数字表示该伪类完全支持的第一个浏览器版本。

伪类
:first-child 4.0 7.0 3.0 3.1 9.6

CSS 语法

:first-child {
  CSS 声明;

更多实例

实例

选择并样式化其父元素的第一个子元素的所有 `<i>` 元素

i:first-child {
  background: yellow;
}
亲自试一试 »

实例

选择并样式化列表中的第一个 `<li>` 元素

li:first-child {
  background: yellow;
}
亲自试一试 »

实例

选择并样式化每个 `<ul>` 元素的第一个子元素

ul > :first-child {
  background: yellow;
}
亲自试一试 »

相关页面

CSS 教程:CSS 伪类


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。