Điều gì giữa CSS "selectors" được gọi là?

Question

Những gì bạn gọi những:

body > p + p

trong một selector CSS? Họ:

• toán tử quan hệ
• tiêu chí Dựa vào vị trí
• Cái gì khác?

Tôi chỉ không biết phải gọi chúng là gì. Có tên chính thức không?

(Và, cũng có, đang có tên chính thức cho a b c trong a b c, d e f và a trong a b c?)

Answer 1

Theo số http://www.w3.org/TR/CSS2/selector.html#selector-syntax chúng được gọi là "combinators".

Nhờ Duncan Babbage đã chỉ ra có đang (hoặc đã) chỉ có ba trong số họ:

1. không gian nhân vật = hậu duệ
2. > = con
3. + đồng thời đánh dấu = liền kề sau (tiếp theo) anh chị em
4. Và CSS3 thêm dấu ngã ~ = anh chị em sau đây

Answer 2

Như xác định bởi Tom mí mắt thứ, các nhà khai thác giữa các selectors đơn giản được gọi là combinators. Trong CSS2, chỉ có ba: +, > và bộ phối hợp khoảng trắng.

• Không gian là bộ kết hợp được sử dụng trong CSS descendent selector.
• > là bộ kết hợp được sử dụng trong một số CSS child selector.
• + là bộ kết hợp được sử dụng trong một CSS adjacent sibling selector.

Trong mỗi trường hợp, 'bộ chọn' là sự kết hợp đầy đủ của bộ chọn đơn giản và bộ kết hợp.

Phạm vi hợp lệ CSS3 combinators được đề xuất mở rộng.

Answer 3

Các ký tự hoặc khoảng trắng giữa các tên thẻ được gọi là bộ kết hợp, xem ví dụ General Sibling combinator. Đây là > và + trong ví dụ của bạn.

Các thẻ trong ví dụ của bạn được gọi là công cụ chọn đơn giản trong CSS2 và CSS3. Nếu bạn có a b c, sẽ được gọi là trình tự chọn đơn giản trong CSS3 nhưng công cụ chọn đơn giản trong CSS2.Thuật ngữ công cụ chọn đơn giản chỉ tham chiếu đến một tên phần tử trong CSS3 chẳng hạn như a trong a b c.

Hoặc như phần Selector syntax bang

Một bộ chọn là một chuỗi của một hoặc nhiều chuỗi selectors đơn giản ngăn cách bởi combinators.

a b c, d e f được gọi là group of selectors nơi các thành viên nhóm là selectors a b c và d e f. a b c là một selector, hoặc chuỗi các selectors đơn giản, bao gồm các selectors đơn giảna, b, c kết hợp bởi các combinator khoảng trắng. Câu cuối cùng chỉ hợp lệ cho CSS3.