1、標籤選擇器
標籤選擇器，此種選擇器影響範圍大，建議盡量應用在層級選擇器中。
舉例：
*
div
....
....
#box
....
通過類名來選擇元素，乙個類可應用於多個元素，乙個元素上也可以使用多個類，應用靈活，可復用，是css中應用最多的一種選擇器。
舉例：
.red
.big
.mt10
....
....
主要應用在選擇父元素下的子元素，或者子元素下面的子元素，可與標籤元素結合使用，減少命名，同時也可以通過層級，防止命名衝突。
舉例：
.box span
.box .red
.red
....
....
多個選擇器，如果有同樣的樣式設定，可以使用組選擇器。
舉例：
.box1,.box2,.box3
.box1
.box2
.box2
....
....
....
常用的偽類選擇器有hover，表示滑鼠懸浮在元素上時的狀態，偽元素選擇器有before和after,它們可以通過樣式在元素中插入內容。
.box1:hover
.box2:before
.box3:after
....
....
....
css選擇器學習
本片文章主要講解html5中css選擇器，通過選擇器定位到想要進行樣式設定的元素。當前css選擇已經發布到第三代，也就是css3選擇器。css3選擇器分為 基本選擇器，復合選擇器，偽元素選擇器。1.1 代表通用選擇器，選擇所有元素 1.2 type選擇器 元素選擇器 選擇指定的元素 1.3 id選擇...
CSS選擇器學習
選擇所有節點 container 選擇id為container的節點 container 選取所有class包含container的節點 li a 選取所有li下的所有a節點 ul p 選擇ul後面的第乙個p元素 div container ul 選取id為container的div的第乙個ul子元...
CSS學習 選擇器
學習目的 熟練使用 css 選擇器 css1 中的選擇器 e myid id選擇器 e warning 類選擇器 e f 包含選擇器 e link 定義超連結未被訪問 e actice 匹配被啟用的元素 e hover 滑鼠經過的元素 e focus 獲取焦點 e first line 元素第一行 ...