Bộ chọn anh em liền kề và đứng sau

```html <p> <strong>Trước</strong> <em>Mốc</em> có một đoạn chữ <!-- Chú thích không phải phần tử --> <strong>A</strong> <span>Ngăn</span> <strong>B</strong> <span><strong>C</strong></span> </p> ``` Các strong Trước, A và B có cha p; strong C có cha span. Với em + strong, chỉ A khớp vì A là phần tử ngay sau em. Chữ “có một đoạn chữ” và chú thích ở giữa không phải phần tử. Với em ~ strong, A và B khớp. Trước không khớp vì đứng trước em; C không khớp vì khác cha. Nếu đổi quy tắc màu đỏ từ ~ sang + thì A vẫn đỏ, còn B không được quy tắc ấy tô đỏ nữa.

Mở hai tệp mẫu và so sánh A với B. Tệp liền kề dùng em + strong { color: red; }; tệp đứng sau dùng em ~ strong { color: red; }. Trong hai tệp không có quy tắc màu khác: A và B đều đỏ ở mẫu ~; chỉ A đỏ ở mẫu +, còn B dùng màu mặc định. Chỉ nhìn A sẽ bỏ sót sự thay đổi ở B.