Anh chị em kế - Thủ thuật CSS

Mục lục:

Anonim

Bộ tổ hợp anh chị em kế cận trong CSS không phải là một bộ chọn của riêng nó, mà là một cách kết hợp hai bộ chọn. Ví dụ:

p + p ( margin: 0; )

Dấu cộng (+) là tổ hợp anh chị em kế cận, giữa hai bộ chọn thẻ đoạn (phần tử). Điều này có nghĩa là “chọn bất kỳ thẻ đoạn nào nằm ngay sau thẻ đoạn văn khác (không có gì ở giữa)”. Dưới đây là một số ví dụ về những gì nó sẽ chọn:



I'm a paragraph


I get selected!


I'm a paragraph



Monkey hair


I will NOT get selected

Điều này chủ yếu hữu ích khi sử dụng đánh dấu ngữ nghĩa và cần điều chỉnh cho một số trường hợp nhất định trong đó các phần tử nằm ngay cạnh nhau.

Xem Bộ chọn anh chị em liền kề bút của Sara Cope (@saracope) trên CodePen.

Nhiêu tai nguyên hơn

  • Sử dụng tốt cho các tổ hợp anh chị em liền kề
  • Tài liệu MDN
  • Thông số W3C

Hỗ trợ trình duyệt

Trình duyệt Chrome Safari Firefox Opera I E Android iOS
Bất kì Bất kì Bất kì Bất kì 7+ Bất kì Bất kì