HTML selector

　　HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定義了它們, 在整頁(yè)中, 這個(gè) Tag 的性質(zhì)就按照你的定義來(lái)顯示了. HTML selector 的語(yǔ)法如下

　　tag {PRoperty:value}比如我們想叫 H1 的顏色是紅的H1 {color: red}這里還要告訴你 CSS 的一個(gè)特點(diǎn), 它可定義好幾個(gè) selector 在一個(gè) rule 里. 比如 H1, H2, TD {color: red}這個(gè)定義就能讓所有的 H1, H2, 和 TD 的顏色都為紅色.

　　Class selector

　　Class selector 有兩種, 一種叫相關(guān) class selector, 它跟一個(gè) HTML 的 tag 有關(guān)系. 它的語(yǔ)法是tag.Classname {property:value}比如我們想叫一些而不是全部 H1 的顏色是紅的 H1.redone {color: red}這樣在下面的語(yǔ)句中, 第一個(gè) H1 是紅色的, 而第二個(gè)就不是了

紅色的題目
普通的題目
第二種是獨(dú)立 class selector . 它可被任何 HTML tag 所應(yīng)用. 它的語(yǔ)法如下 .Classname {property:value}假如我們有下面這個(gè)定義.blueone {color: blue}那么我們可以把他應(yīng)用到不同的 Tag 當(dāng)中去. 比如
藍(lán)色的題目
藍(lán)色的段落

顯然 class selector 給了我們更多的自由.

　　ID selector

　　ID selector 其實(shí)跟獨(dú)立 class selector 的功能一樣. 而區(qū)別在于它們的語(yǔ)法和用法不同, 以及對(duì)于 javascript 操縱 HTML

　　元素有幫助. 它的語(yǔ)法如下#IDname {property:value}假如我們有下面的定義#yelowone {color: yellow}我們可以運(yùn)用這個(gè)定義到任何的有同樣 ID 名字的 tag, 比如 text here你可能覺(jué)得既然 ID selector 和獨(dú)立 class selector 功能一樣, 為什么兩者都存在呢. 如果你知道用 CSS-P 來(lái)定位的話, 你就明白它們的區(qū)別了. 有 ID 的 HTML 元素可以被 CSS-P和 Javascript 來(lái)操縱。到現(xiàn)在為止, 你已經(jīng)大概知道如何來(lái)寫(xiě) CSS 的定義了, 下面五節(jié)我們將會(huì)告訴你如何用 CSS 來(lái)操縱或修改。