Thuật ngữ CSS: chúng được gọi là gì?

Question

Hãy xem xét:

 
p { 
    ... 
} 

.foo { 
    ... 
} 

#bar { 
    ... 
} 

Tên chính xác cho các câu lệnh này trong CSS là gì? Tôi đã nhìn thấy chúng được gọi là selectors, quy tắc hoặc rulesets, nhưng đó là chính xác?

Answer 1

Một nguyên tắc sẽ được xem xét:

p {…}

Một bộ chọn trong trường hợp này là:

p

Một nguyên tắc được tạo thành từ bộ chọn và khai báo. Một tuyên bố là property:value nên toàn bộ quy tắc sẽ là:

selector { property:value }

Một nguyên tắc có thể có nhiều tờ khai và nhiều selectors vì vậy chúng tôi thực sự có thể có:

selector, selector2 
{ 
    property:value; 
    property2:value; 
} 

Một bộ quy tắc sẽ có nhiều quy tắc.

Đây là một cách nhanh chóng source về điều này hoặc CSS 1 Specification.

Answer 2

Tôi thường gọi cho họ các quy tắc hoặc lớp học.

Answer 3

Họ được gọi là selectors: http://www.codestyle.org/css/Glossary.shtml

lớp chọn

Một cú pháp để xác định một chọn CSS bằng phương tiện của một mục đích chung, lặp lại lớp thuộc tính của một phần tử. Tên của lớp selectors trong các quy tắc phong cách là trước bởi một dấu chấm hoặc thời gian, ví dụ như:.

.Condensed{ 
    letter-spacing: 0.1em; 
} 

id selector

Một cú pháp để xác định một chọn CSS bằng phương tiện của một độc đáo id thuộc tính của phần tử. Tên của selectors id trong quy tắc phong cách được trước bởi một băm hoặc biểu tượng pound, #, ví dụ:

#Subtitle{ 
    letter-spacing: 0.1em; 
} 

Xem thêm, các thông số kỹ thuật W3: http://www.w3.org/TR/CSS2/selector.html

Answer 4

Họ là selectors - see W3C specification

Answer 5

Theo số specification, chúng được gọi là Bộ chọn.

Answer 6

CSS được tạo thành từ một số quy tắc trong các hình thức

selector{declaration} 

Vì vậy, các.foo và #bar và p được gọi là bộ chọn nhưng câu lệnh đầy đủ với các curlies được gọi là các quy tắc.

Answer 7

Trong ví dụ này:

p.class, #id > a { 
foo:bar; 
} 

p, #id > a là nhóm các selectors. p.class và #id là các bộ chọn. Bộ chọn được tạo từ bộ chọn và bộ kết hợp đơn giản: p là bộ chọn loại, .class là bộ chọn lớp (không phải lớp). Các bộ kết hợp là '+', '>', '', v.v.

selectors {...} là một quy tắc. Đó là một sai lầm khi gọi nó là lớp học.

foo:bar là tuyên bố cho foo thuộc tính.

http://www.w3.org/TR/CSS2/grammar.html