一、通用選擇器
作用：匹配到頁面中所有的元素
語法：*
優點：乙個樣式整個頁面都可以被改變
缺點：效率低，盡可能的少用
*
作用：定義頁面的某乙個標籤的預設樣式
語法： 標籤名
元素名
作用：由css定義好，可以被任意標記的class屬性值進行引用的選擇器
語法： 1.在標籤中新增 class屬性 並且給他乙個名字
2.在style中 用.類名{}方式進行樣式編寫
注意：類名：不能以數字開頭，除了 _ , - 以外的特殊符號都不能使用
.類名
作用：針對指定id值得元素去定義樣式
語法： 1.在元素中定義id屬性
2.在style中用#id名進行樣式編寫
注意： id是唯一的
一定要對應頁面某個元素的id值
class裡面可以同時存在多個類名但是id不能存在多個id名
優先順序 id > 類 > 標籤 > *
#id名
作用：選擇器宣告 以 ， 隔開的選擇器列表
語法：
選擇器1，選擇器2，。。。。
ps：不同的選擇器都可以被選中（都可以連著用）
選擇器1,選擇器2,......
後代：只要具備層級關係的元素，被巢狀的都可以稱為後代元素
語法：
#div1 span{}
注意：中間用空格隔開，並且他們只能是父子級的關係
子代：只具備一級層級關係的子元素，被巢狀的（被包括的）稱之為子代元素
語法 ： #div2 > span{}
作用：匹配元素不同狀態時的樣式
語法：選擇器:偽類名稱
鏈結偽類（只適用於超連結）
:link 匹配超連結未被訪問時的狀態
:visited 匹配超連結訪問後的顯示狀態
動態偽類
:hover 匹配滑鼠懸停在元素上的狀態
:active 匹配元素被啟用時的狀態(多用於a標籤)
:focus 匹配元素獲取焦點時的狀態（多用於文字框、密碼框、多行文字域）
選擇器的型別
權值元素選擇器
0,0,0,1
類選擇器
0,0,1,0
偽類選擇器
0,0,1,0
id選擇器
0,1,0,0
內聯樣式
1,0,0,0
注意：選擇器的權值加到一起 大的是優先 如果權值相同的話，後定義的優先
！improtant
作用：顯示調整樣式的優先順序
語法：屬性名稱： 值！improtant
注意： ie瀏覽器8以下不支援
破壞了優先順序規則
CSS選擇器之基礎選擇器
選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。標籤選擇器 又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式，只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...
CSS 選擇器之基礎選擇器
id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...
CSS 基礎選擇器
css cascading style sheet，層疊式樣式表，即乙個標籤可以同時被多種選擇器選擇，標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤，從而影響樣式。基礎選擇器 1.標籤選擇器，就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...