CSS :first-child 伪类

定义和用法

CSS :first-child 伪类用于选择作为其父元素第一个子元素的元素(在一组兄弟元素中)。

实例

例子 1

选择并设置作为其父元素第一个子元素的每个 <p> 元素的样式:

p:first-child {
  background-color: yellow;

亲自试一试

例子 2

选择并设置作为其父元素第一个子元素的每个 <i> 元素的样式:

i:first-child {
  background: yellow;

亲自试一试

例子 3

选择并设置列表中第一个 <li> 元素的样式:

li:first-child {
  background: yellow;

亲自试一试

例子 4

选择并设置每个 <ul> 元素的第一个子元素的样式:

ul > :first-child {
  background: yellow;

亲自试一试

CSS 语法

:first-child {
  css declarations;

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS3

ব্রাউজার সমর্থন

সারণীতে ব্যবহৃত সংখ্যা প্রথম সাইপার এক্সক্লুসিভ ব্রাউজার সংস্করণকে নির্দেশ করে

Chrome Edge Firefox Safari Opera
4.0 7.0 3.0 3.1 9.6

সংশ্লিষ্ট পৃষ্ঠা

CSS শিক্ষা:CSS য়ুয়ার-সিলেক্ট মিথ্যাকরণ