Daily Archives: 10/14/2012

承上篇，繼續針對選擇器說明，我們已經知道在CSS指定樣式的型式： E {color:red;} 選擇器 {類型:參數}; 同時知道選擇器可以串連，程式碼都是由上往下讀取並解析 另外之前的文章裡也提到，想要使用CSS的樣式可以用三種不同的方法來讓瀏覽器讀取CSS，分別是 行內、頁面、鍊入(載入式)。 現在知道有這麼多的方法可以指定樣式給在HTML裡的元素，那麼如果出現下面這種情況，瀏覽器要怎麼知道該呈現什麼結果，就要靠權重來區分，就像在軍隊裡要以官階大的長官下的指令算數，在家裡媽媽說了算一樣，CSS也有一套計算選擇器權重的方式。 不然如果像下例，有很多選擇器都選到同一個元素 <p> 最後字會變成什麼顏色呢? <style> p{color:red;} p{color:blue;} </style>

上一篇提到要套用樣式，就需要指定某一個特定的元素E 告訴瀏覽器，我就是要把樣式套在這個 E 上面，就像我們作圖時先找出要做特效的圖層然後套用特效一樣。 這個指定元素的部分我們叫做 “選擇器”，也就是利用這個地方來指定特定的元素，其實就是不同的選出元素的方法。 (有點像在教室裡叫第一排站起來，或全部的女生站起來，也許更像在：玩大風吹、吹什麼~ 吹我叫到的元素 E ) 選擇器可分成下表裡的類別，看得懂英文的可以直接參考 w3c的 selector說明頁(註1)： 除了”全域”、”型態”及最常見的.class, #ID之外，有幾個是類似的選擇法 繼承 偽類 參數