1.選擇器 .class 舉例: class = 「box」
使用:
.box
描述: 選擇class
="box"的所有元素
使用: #box
描述: 選擇id=
"box"的所有元素
使用:
*描述: 選擇所有元素
使用: div
描述: 選擇所有元素
使用: div,p
描述: 選擇所有元素和所有元素
使用: div p
描述: 選擇元素內的所有元素
使用: div>p
描述: 選擇父元素為元素的所有元素
使用:
[target]
描述: 選擇具有target屬性的所有元素
使用:
[target=_blank]
描述: 選擇target =「_ blank」的所有元素
使用: a[href^=
]描述: 選擇其href屬性值以「https」開頭的每個元素
lue]
舉例:a
[hre
f=value] 舉例: a[href
=value
]舉例:
a[hr
ef=".pdf"]
使用: a[href$=
".pdf"
]描述: 選擇href屬性值以「.pdf」結尾的每個元素
使用: a[href*=
"abc"
]描述: 選擇每個元素，其href屬性值包含子字串「abc」
使用: a:active
描述: 選擇活動鏈結
使用: p:
:after
描述: 在每個元素的內容之後插入一些內容
使用: p:
:before
描述: 在每個元素的內容之前插入一些內容
使用: input:checked
描述: 選擇每個選中的元素
使用: input:disabled
描述: 選擇每個禁用的元素
使用: p:first-child
描述:選擇作為其父級
(div)的第乙個子元素的每個元素(意思就是選擇每個div父標籤下的第乙個p標籤)
使用: p:first-
of-type
描述: 選擇每個元素，它是其父元素的第乙個元素
使用: input:focus
描述: 選擇具有焦點的元素
使用: a:hover
描述: 選擇滑鼠懸停時的鏈結樣式
使用: p:last-child
描述:選擇作為其父級
(div)的最後乙個子元素的每個元素(意思就是選擇每個div父標籤下的最後乙個p標籤)
使用: p:last-
of-type
描述: 選擇每個元素，它是其父元素的最後乙個元素
使用: a:link
描述: 選擇所有未訪問的鏈結
使用:
:not
(p)描述: 選擇不是元素的每個元素
使用: p:nth-
child(2
)描述:
選擇作為其父級
(div)的第二個子元素的每個元素
使用: p:nth-last-
child(2
)描述: 選擇每個元素作為其父元素的第二個子元素，
從最後乙個子元素開始計算
使用: p:nth-last-of-
type(2
)描述: 選擇每個元素作為其父元素的第二個元素，從最後乙個子元素開始計算
使用: p:nth-of-
type(2
)描述: 選擇每個元素，它是其父元素的第二個元素
使用:
::selection
描述: 選擇使用者選擇的元素部分
使用: a:visited
描述: 選擇所有訪問過的鏈結
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 定位具有相...