1.元素選擇器
匹配頁面所有相同的元素，即頁面中相同的元素有相同的樣式宣告使用。
2.id選擇器
盡量少用，頁面中某個元素特殊的樣式宣告
#idname
同一頁面中任何元素（只需要class的屬性值相同）有相同樣式宣告class的屬性值可以寫多個
.classname
能匹配頁面裡面的所有元素
*
根據屬性名和屬性值選中元素
6.偽類選擇器
偽類由乙個冒號:開頭，冒號後面是偽類的名稱和包含在圓括號中的可選引數。
選中某些元素的某種狀態
屬性描述
:link
向未被訪問的鏈結新增樣式
:visited
向已被訪問的鏈結新增樣式
:hover
當滑鼠懸停在元素上方時，向元素新增樣式
:active
向被啟用的元素新增樣式
:focus
向擁有鍵盤輸入焦點的元素新增樣式
:first-child
向父元素的第乙個子元素新增樣式
:lang
向帶有指定lang屬性的元素新增樣式
:last-child
向父元素的最後乙個子元素新增樣式
:only-child
向父元素僅有的乙個子元素新增樣式
:nth-child(n)
向父元素的第n個子元素新增樣式
:nth-last-child(n)
向父元素的倒數第n個子元素新增樣式
first-of-type
向同型別中的第乙個同級兄弟元素新增樣式
last-of-type
向同型別中的最後乙個同級兄弟元素新增樣式
only-of-type
向同型別中唯一的乙個同級兄弟元素新增樣式
nth-of-type(n)
向同型別中的第n個同級兄弟元素新增樣式
nth-last-of-type(n)
向同型別中的倒數第n個同級兄弟元素新增樣式
empty
向沒有任何子元素的元素新增樣式
checked
向使用者介面處於被選中狀態的元素新增樣式（用input type為radio 與checbox時）
enabled
向使用者介面處於可用狀態的元素新增樣式
disabled
向使用者介面處於被禁止狀態的元素新增樣式
target
向相關url指向的元素新增樣式
7.偽元素選擇器
屬性描述
:first-letter(::first-letter)
設定物件內的第乙個字元樣式
:first-line(::first-line)
設定物件內的第乙個行樣式
:before(::before)
設定在物件前發生的內容
:after(::after)
設定在物件後發生的內容
::placeholder
設定物件文字佔位符的樣式
:selection
設定物件被選擇時的顏色
偽類：用於向某些選擇器新增特殊的效果
偽元素：用於將特殊的效果新增到某些選擇器
二者區別：
偽類的效果可以通過新增實際的類來實現
偽元素的效果可以通過新增實際的元素來實現
注意：偽類只能使用「：」
而偽元素既可以使用「:」，也可以使用「::」
1.層級關係
後代元素 空格隔離
"box">
"son">
lorem ipsum dolor sit amet.
"box">
"son">
lorem ipsum dolor sit amet.
==注意：==兄弟元素 設定的樣式是它兄弟的 不是它的
相鄰兄弟元素 緊跟的兄弟元素 +
"box">
"son">
lorem ipsum dolor sit amet.
"head">
"box">
"son">
lorem ipsum dolor sit amet.
"txt">lorem ipsum dolor sit amet.
"head">
"footer">
多個選擇器用逗號隔開
"box">
"son">
lorem ipsum dolor sit amet.
"head">
作者樣式中的!important樣式 ie版本太低不支援，打破了優先順序原則，只要有它在 它就是最高的
作者樣式表中設定的樣式
瀏覽器預設表中的樣式
2.比較特殊性
看選擇器，選擇器的優先順序，
規則：通過選擇器，計算出乙個四位數的選擇器（***x）
千位：如果是內聯（行內）樣式，記1 否則記0
百位：統計選擇器中所有id選擇器的數量
十位：統計選擇器中所有類選擇器、屬性選擇器、偽類選擇器的數量
個位：統計選擇器中所有元素選擇器、偽元素選擇器的數量
注意：四個數不是十進位制的數，不要看進製的情況
3.比較源次序
就近原則，後來者居上
CSS選擇器之基礎選擇器
選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。標籤選擇器 又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式，只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...
CSS 選擇器之基礎選擇器
id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...
CSS 基礎選擇器
css cascading style sheet，層疊式樣式表，即乙個標籤可以同時被多種選擇器選擇，標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤，從而影響樣式。基礎選擇器 1.標籤選擇器，就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...