Làm cách nào để chọn đứa con tiếp theo của tôi trong css?

Bộ chọn con khớp khi một phần tử là con của một số phần tử. Bộ chọn con được tạo thành từ hai hoặc nhiều bộ chọn được phân tách bằng dấu “>”. Nó còn được gọi là phần tử > bộ chọn phần tử. Nó chọn tất cả các yếu tố của một phụ huynh cụ thể

cú pháp

• Chọn tất cả các phần tử con.

  element > element

• Nếu các phần tử con chọn đệ quy thì sử dụng cú pháp sau.

  div.class > * {
      // CSS Property
  }

ví dụ 1. Ví dụ này chọn tất cả các phần tử con

div.class > * {
    // CSS Property
}

6

div.class > * {
    // CSS Property
}

7____58____59

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7____62

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

2

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

5

_______10____17____12____59

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

63

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4____566

_______567____568

div.class > * {
    // CSS Property
}

4____570

div.class > * {
    // CSS Property
}

0____17____563

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

7____62____59

div.class > * {
    // CSS Property
}

78

div.class > * {
    // CSS Property
}

7____580____59

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

84

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

89

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

95

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

00

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

67

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

05

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____600

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0____17____584

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

0_______57____588

div.class > * {
    // CSS Property
}

20

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0____57____588

div.class > * {
    // CSS Property
}

26

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

78

div.class > * {
    // CSS Property
}

7____580

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

7____58

div.class > * {
    // CSS Property
}

95

đầu ra

ví dụ 2. Ví dụ này chọn đệ quy tất cả các phần tử con

div.class > * {
    // CSS Property
}

6

div.class > * {
    // CSS Property
}

7____58____59

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7____62

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

2

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

5

_______10____17____12____59

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

63

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

20

_______567____568

div.class > * {
    // CSS Property
}

4____570

div.class > * {
    // CSS Property
}

0____17____563

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

7____62____59

div.class > * {
    // CSS Property
}

78

div.class > * {
    // CSS Property
}

7____580____59

div.class > * {
    // CSS Property
}

0_______57

div.class > * {
    // CSS Property
}

84

div.class > * {
    // CSS Property
}

39

div.class > * {
    // CSS Property
}

40

div.class > * {
    // CSS Property
}

41

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

89

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

95

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7

div.class > * {
    // CSS Property
}

00

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

67

div.class > * {
    // CSS Property
}

7____588

div.class > * {
    // CSS Property
}

05

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

4

div.class > * {
    // CSS Property
}

7____600

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0____17____584

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0

div.class > * {
    // CSS Property
}

0_______57____588

div.class > * {
    // CSS Property
}

20

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

0____57____588

div.class > * {
    // CSS Property
}

26

div.class > * {
    // CSS Property
}

88

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

78

div.class > * {
    // CSS Property
}

7____580

div.class > * {
    // CSS Property
}

9

div.class > * {
    // CSS Property
}

7____58

div.class > * {
    // CSS Property
}

95

đầu ra

CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. Bạn có thể học CSS từ đầu bằng cách làm theo Hướng dẫn CSS và Ví dụ về CSS này