Css pseudo-lớp học mà không có bất kỳ bộ chọn, là nó ok?

Question

Selector như

.some-class :first-child 

mà chọn đứa con đầu lòng trong .some-class công trình như mong đợi trong tất cả các trình duyệt, ngay cả trong IE8.

Tuy nhiên, tùy chọn 'Giảm dữ liệu' của Chrome trên thiết bị di động sẽ xóa khoảng cách giữa .some-class và :first-child và ngắt CSS bằng cách áp dụng kiểu cho .some-class phần tử. Trong các trường hợp khác như .class1 .class2 Chrome giữ nguyên không gian. Có lẽ, nó xem xét khoảng cách giữa .some-class và :first-child là không gian không phải ngữ nghĩa, bởi vì nó cho rằng không thể là lớp giả mà không có một bộ chọn nào đó.

Nhưng tôi đã kiểm tra các tiêu chuẩn và nó không nói bất cứ nơi nào mà lớp giả phải có một bộ chọn. Đồng thời tất cả các ví dụ với các lớp giả bao gồm công cụ chọn phần tử, như

p:first-child 

Vì vậy, tôi nhầm lẫn. Bộ chọn CSS này có đúng không hoặc có lỗi trong 'Giảm mức sử dụng dữ liệu' của Chrome không?

Answer 1

:first-child có giá trị như một chọn độc lập và điều này dường như là một lỗi trong các phiên bản di động của Chrome. Chúng tôi có thể xác nhận điều này với W3C's CSS Validator.

:first-child { background: #F00; } 

Xin chúc mừng! Không tìm thấy lỗi.

Trong thực tế, tất cả mọi thứ được liệt kê trong Selectors phần của Selectors Level 3 specification có giá trị như một chọn độc lập. Tôi tưởng tượng lý do các ví dụ cho :first-child cũng bao gồm bộ chọn yếu tố là để tránh nhầm lẫn và hiển thị cách nó có thể được sử dụng trên phần tử cụ thể đó.

Answer 2

Tôi đoán đó là lỗi. Bạn sẽ có thể làm việc xung quanh nó với .some hạng *: first-child