CSS中選擇器的種類及優先順序順序

css中的一種選擇器是元素型別的名稱。使用這種選擇器(稱為型別選擇器)，可以向這種元素型別的每個例項上應用宣告。例如，以下簡單規則的選擇器是h1，因此規則作用於文件中所有的h1元素。

class屬性

class屬性允許向一組在class屬性上具有相同值的元素應用宣告。body內的所有元素都有class屬性。從本質上講，可以使用class屬性來分類元素，在樣式表中建立規則來引用class屬性的值，然後瀏覽器自動將這些屬性應用到該組元素。

類選擇器以標誌符(句點)開頭，用於指示後面是哪種型別的選擇器。對於類選擇器，之所以選擇句點是因為在很多程式語言中它與術語"類"相關聯。翻譯成英語，標誌符表示"帶有類名的元素"。

id屬性

id屬性的操作類似於class屬性，但有一點重要的不同之處:id屬性的值在整篇文件中必須是唯一的。這使得id屬性可用於設定單個元素的樣式規則。包含id屬性的選擇器稱為id選擇器。

需要注意的是，id選擇器的標誌符是雜湊符號(#)。標誌符用來提醒瀏覽器接下來出現的是id值。

style屬性

儘管在選擇器中可以使用class和id屬性值，style屬性實際上可以替代整個選擇器機制。不是只具有乙個能夠在選擇器中引用的值(這正是id和class具有的值)，style屬性的值實際上是乙個或多個css宣告。

通常情況下，使用css，設計者將把所有的樣式規則置於乙個樣式表中，該樣式表位於文件頂部的style元素內(或在外部進行鏈結)。但是，使用style屬性能夠繞過樣式表將宣告直接放置到文件的開始標記中。

可以將型別選擇器、id選擇器和類選擇器組合成不同的選擇器型別來構成更複雜的選擇器。通過組合選擇器，可以更加精確地處理希望賦予某種表示的元素。例如，要組合型別選擇器和類選擇器，乙個元素必須滿足兩個要求:它必須是正確的型別和正確的類以便使樣式規則可以作用於它。

外部資訊:偽類和偽元素

在css1中，樣式通常是基於在html源****現的標記和屬性。對於很多設計情景而言這種做法完全可行，但是它無法實現設計者希望獲得的一些常見的設計效果。

設計偽類和偽元素可以實現其中的一些效果。這兩種機制擴充了css的表現能力。在css1中，使用偽類可以根據一些情況改變文件中鏈結的樣式，如根據鏈結是否被訪問，何時被訪問以及使用者和文件的互動方式來應用改變。借助於偽元素，可以更改元素的第乙個字母和第一行的樣式，或者新增源文件中沒有出現過的元素。

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字型大小樣式，擁有對網頁物件和模型樣式編輯的能力。