CSS術語：這些叫做什麼？

Question

考慮：

 
p { 
    ... 
} 

.foo { 
    ... 
} 

#bar { 
    ... 
} 

哪些是CSS這些語句的正確名稱？我見過他們被稱爲選擇器，規則或規則集，但哪個是正確的？

Answer 1

的規則將被視爲：

p {…}

在這種情況下選擇器是：

p

甲規則是由選擇器和聲明。一個聲明是property:value所以整個規則是：

selector { property:value }

規則可以有多個聲明和多個選擇，所以我們其實可以有：

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

規則集是由多個規則。

這是一個快速的source在這個或CSS 1 Specification。

Answer 2

我通常稱他們爲規則或類。

Answer 3

它們被稱爲選擇器：http://www.codestyle.org/css/Glossary.shtml

類選擇

一種用於通過一個普通 目的， 一個元素重複類屬性手段指定CSS選擇語法。類的名稱 選擇在樣式規則是由一個句號或句點開頭 ，如：

.Condensed{ 
    letter-spacing: 0.1em; 
} 

id選擇

一種通過獨特的方式指定一個CSS選擇器語法元素的ID爲 屬性。的 ID選擇的樣式規則的名稱 前面加一個井號，＃， 如：

​​

又見中，W3規格：http://www.w3.org/TR/CSS2/selector.html

Answer 4

他們選擇 - see W3C specification

Answer 5

根據specification，它們被稱爲選擇器。

Answer 6

CSS的形式

selector{declaration} 

於是提出了一些規則了。foo和#bar和p被稱爲選擇符，但帶有curlies的完整語句被稱爲規則。

Answer 7

在這個例子中：

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

p, #id > a是選擇的基團。 p.class和#id是選擇器。選擇器由簡單的選擇器和組合器構建而成：p是一個類型選擇器，.class是一個類選擇器（不是類）。組合爲'+'，'>'，''等。

selectors {...}是規則。稱它爲課是一個錯誤。

foo:bar是foo屬性的聲明。

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