CSS3 選擇器
選擇器 | 示例 | 示例描述 |
.class | .intro | 選擇class=’_introu的所有元素 |
#id | #firstname | 選擇id=”firstndmen的所有元素 |
* | 氺 | 選擇所有元素 |
element | P | 選擇所有<P>元素 |
element,element | div.p | 選擇所有<div>元素和所有<p>元素 |
element element | div p | 選擇<div>元素內(nèi)部的所有<p>元素 |
element>element | div>p | 選擇父元素為<div>元素的所有<p>元素 |
element+element | div+p | 選擇緊接在 <div>元素之后的所有<p>元素 |
[attribute] | [target] | 選擇帶有target屬性所有元素 |
[dttribute=value] | [target=_b!cink] | 選擇target="_blank"的所有元素 |
[dttribyte~=value] | [title~=flower] | 選擇title屬性包含單詞flower的所有元素 |
[attribute | =value] | [Ung 丨=en] | 選擇lang屬性值以e n開頭的所有元素 |
:link | a:link | 選擇所有未被訪問的鏈接 |
:visited | a;visited | 選擇所有已被訪問的鏈接 |
:active | aicjctive | 選擇活動鏈接 |
:hover | a:hover | 選擇光標(biāo)位于其上的鏈接 |
:focus | input:focus | 選擇獲得魚點的iinput元素 |
:first—letter | p:first—letter | 選擇每個<p>元素的首字母 |
:first—line | p:f?rst—line | 選擇每個<p>元素的首行 |
:first—child | p:first—child | 選擇屬于父元素的第一個子元素的每個<p>元素 |
:before | p:before | 在每個<p>元素的內(nèi)容之前插入內(nèi)容 |
:after | p:dfter | 在每個<p>元素的內(nèi)容之后插入內(nèi)容 |
:lang(Ianguage) | p:lcmg(it) | 選擇帶有以it幵頭的lang屬性值的每個<p>元素 |
element"!?element2 | p?ul | 選擇前面有<p>元素的每個<ul>元素 |
[dttributeA=value] | a[src" = "https"] | 選擇其src屬性值以https開頭的每個<d>元素 |
[dttribute$=value] | d[src$=".pdf] | 選擇其src屬性以.pdf結(jié)尾的所有<a>元素 |
選擇器 | 示例 | 示例描述 |
[dttribute*=value] | a[src*="t]bc"] | 選擇其src屬性中包含
|
點擊加載更多評論>>