一、css選擇器
1.什麼是css選擇器
2.css選擇器的作用
根據指定標籤，在當前頁面中，找到所有符合條件的標籤，設定樣式
3.選擇器需要的注意點
選擇器選中的是所有該型別的標籤，不是一部分，是所有。
無論標籤藏得多深，選擇器都可以找到該標籤
二、常見的css選擇器
1.標籤選擇器
作用：在整個頁面中，選擇包含該標籤的所有元素，設定屬性
需求：將頁面中所有的p標籤內容設定為紅色
**：
p
作用：選擇包含該id的元素，設定屬性
注意點：
乙個html頁面id名稱不能重複
id命名規則：
只能包含字母、數字、下劃線；
不能以數字開頭
不能與標籤名相同
不能重複
需求：將id名稱為account的元素字型設定為宋體
**：
#account作用：選擇包含該class的元素，設定屬性
注意點：
同一頁面中，不同元素的class名稱可以重複。乙個標籤可以有多個class名稱，語法：
class命名規則與id相同
需求：找到class名稱為test的元素，將字型大小設定為30px
**：
.test作用：選擇指定標籤的所有特定後代元素，設定屬性
需求：找到h1標籤下所有的p元素，加上下劃線
**：
h1 p作用：選擇指定標籤的特定子元素，設定屬性
注意點：
子元素選擇器只能選擇指定標籤的特定子元素。後代選擇器可以選擇指定標籤的所有特定元素
需求：找到h1標籤下的子元素p，設定為斜體
**：
h1>p作用：選擇多個選擇器有交集的部分，設定屬性。
需求：找到p標籤中class為yellow的元素，將文字顏色設定為黃色
**：
p.yellow作用：用於選擇多個選擇器並集的部分，設定屬性
需求：找到p標籤或class為yellow的元素，將文字顏色設定為黃色
**：
p,.yellow作用：用於找到與指定選擇器相鄰且同級的特定元素，設定屬性
注意點：
兩個選擇器元素必須在同一級
兩個選擇器元素必須相鄰
需求：找到與h1標籤同級且相鄰的p標籤，將顏色設定為藍色
**：
h1+p作用：用於找到與指定選擇器同級的特定元素，設定屬性
注意點：
兩個選擇器元素必須在同一級
兩個選擇器元素可以不相鄰
需求：找到與h1標籤同級的p標籤，將顏色設定為藍色
**：
h1~p作用：選擇指定的任意標籤，設定屬性
常見型別：
1）同級別：
標籤名:first-child 選擇同級別的第乙個標籤
標籤名:last-child 選擇同級別的最後乙個標籤
標籤名:nth-child(n) 選擇同級別中的第n個標籤
標籤名:nth-last-child(n) 選擇同級別中倒數第n個標籤
標籤名:only-child 選擇同級別父元素中唯一標籤
2）同型別：
標籤名:first-of-type 選擇同型別的第乙個標籤
標籤名:last-of-type選擇同型別的最後乙個標籤
標籤名:nth-of-type(n) 選擇同型別中的第n個標籤
標籤名:nth-last-of-type(n) 選擇同型別中倒數第n個標籤
標籤名:only-of-type 選擇同型別父元素中唯一標籤
標籤名:nth-child(odd)選擇同級別中的奇數標籤，設定屬性
標籤名:nth-of-type(even)選擇同型別中的偶數標籤，設定屬性
需求：將同級p標籤中3的倍數的標籤字型英文設定為ebrima。中文設定為仿宋
**：
p:nth-of-type(3n+0)作用：選擇包含特定屬性名稱的元素，設定屬性
常見型別：
[屬性名稱]：選擇包含某個屬性的元素
[屬性名稱="123"]：選擇包含某個屬性且屬性值為123的元素
[屬性名稱^="123"]：選擇包含某個屬性且屬性值為123開頭的元素
[屬性名稱$="123"]：選擇包含某個屬性且屬性值為123結尾的元素
[屬性名稱*="123"]：選擇包含某個屬性且屬性值包含123的元素
需求：找到class值包含test的元素，將顏色設定為紅色
**
[class*="test"]作用：用於給當前頁面所有元素設定屬性。企業中一般不會使用，使用該選擇器，頁面元素過多時，會導致效能下降。
需求：將當前頁面所有元素字型設定為仿宋
**：
*CSS3 教程2 CSS選擇器
作用 選擇頁面上的某乙個或者某一類元素 整個html屬於乙個dom樹 標籤選擇器 標籤選擇器會選中頁面中所有該標籤的元素 弊端 所有該標籤會被同時修改樣式 類選擇器 class 給標籤加上class屬性，然後選擇器用.class的格式 好處 可以多個標籤歸類，是同乙個class 示例 id選擇器 給...
CSS3學習筆記 2 CSS中的選擇器 上
css選擇器即是定位到想要選擇的元素，然後對其配置樣式。目前已經有css3選擇器了，不過使用較多的還是css1和css2，而css3用於擴充套件。選擇器分類 基本選擇器 復合選擇器 偽選擇器 還分為偽元素和偽類 基本選擇器 即使用簡單且頻率高的一些選擇器。1.通用選擇器 匹配所有html元素，包括和...
前端開發基礎2（css 選擇器）
css cascadingstylesheet，層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表，它就會按照這個樣式表來對文件進行格式化 渲染 每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。這是注釋 行內式是在標記的style屬性中設定css...