div,p
元素選擇器
選擇所有 元素和所有 元素。
div p
後代選擇器
選擇 元素內部的所有 元素。
div>p
子元素選擇器
選擇父元素為 元素的所有 元素。
div+p
同輩（級）元素選擇器
選擇緊接在 元素之後的所有 元素，此時的div和p元素是同一級別的，也就是所說的同輩元素
[attribute]
屬性選擇器
為帶有 某種 屬性的任何元素設定樣式，如，為帶有href或者target屬性的a的所有元素設定，格式：a[href]|a[target]
[attribute=value]
屬性值等於選擇器
為帶有某種屬性（attribute），且屬性值是value（代表具體值）的所有元素設定樣式 例如：a[href='www.baidu.com'],a[target='_blank']
[attribute~=value]
屬性包含選擇器
為帶有某種屬性（attribute），且屬性值包含value（代表具體值）的所有元素設定樣式，此時的包含分為全包含和部分包含，舉例說明：
[title~=flower] //設定title屬性包含flower內容的邊框為5px且為黃色
[attribute|=value]
屬性開頭選擇器
注意：這裡的value需要全匹配，不能部分匹配
舉例說明：[lang|=en]
hello!
//背景變黃色
hi! //背景無變化
:link
a:link
選擇所有未被訪問的鏈結。
:visited
a:visited
選擇所有已被訪問的鏈結。
:active
a:active
選擇活動鏈結
:hover
a:hover
選擇滑鼠指標位於其上的鏈結。
:focus
元素選擇器:focus
選擇獲得焦點的 input 元素。
:first-letter
元素選擇器:first-letter
選擇每個 元素的首字母
:first-line
元素選擇器:first-line
選擇每個 元素的首行，包含空格。如：my name is feifan
:first-child
元素選擇器:first-child
選擇屬於父元素的第乙個子元素的每個 要匹配的 元素。
如：p:first-child,此時的p為某個元素下的子元素，需要獲取該元素下的第乙個為p
CSS選擇器大全
選擇器 例子例子描述 css.class intro 選擇 class intro 的所有元素。1 id firstname 選擇 id firstname 的所有元素。1 選擇所有元素。2element p選擇所有元素。1element,element div,p 選擇所有元素和所有元素。1ele...
CSS 選擇器大全
一 概念 css中的選擇器有很多種，常用的分別是標籤選擇器 根據元素標籤名稱 類選擇器 根據元素class屬性 id選擇器 根據元素id屬性 並且三種選擇器可以相互結合使用 二 更多 三 選擇器表 四 詳解 設定p元素行高1.5em,距離外填充1em 後代選擇器，該選擇器定位元素e的後代中所有元素f...
css選擇器大全
選擇器是css的核心，從最初的元素 class id選擇器，演進到偽元素 偽類，以及css3中提供的更豐富的選擇器，定位頁面上的任意元素開始變得愈發的簡單。p ul li ul li 僅限ul的直接子元素li，如果li裡面還巢狀著另乙個 ul 結構時，最裡面的 li 將被忽略 li li 定位具有相...