本文小編為大家詳細(xì)介紹“CSS決議器怎么用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“CSS決議器怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),易門網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:易門等地區(qū)。易門做網(wǎng)站價(jià)格咨詢:18982081108
"CSS" 列指示該屬性是在哪個(gè) CSS 版本中定義的。（CSS1、CSS2 照樣 CSS3。）
| 決議器 | 例子 | 例子描畫 | CSS |
|---|---|---|---|
| .class | .intro | 抉擇 class="intro" 的所有元素。 | 1 |
| #id | #firstname | 抉擇 id="firstname" 的一切元素。 | 1 |
| * | * | 決意所有元素。 | 2 |
| element | p |
選擇全部 元素。 | 1 |
| element,element | div,p |
決定悉數(shù) 元素與所有 元素。 | 1 |
| element element | div p |
抉擇 元素外部的一切 元素。 | 1 |
| element 決意器" >element>element | div>p |
抉擇父元素為 元素的悉數(shù) 元素。 | 2 |
| element+element | div+p |
決意緊接在 元素以后的所有 元素。 | 2 |
| [attribute] | [target] | 抉擇帶有 target 屬性所有元素。 | 2 |
| [attribute=value] | [target=_blank] | 決定 target="_blank" 的全體元素。 | 2 |
| [attribute~=value] | [title~=flower] | 決議 title 屬性包孕單詞 "flower" 的全部元素。 | 2 |
| [attribute|=value] | [lang|=en] | 選擇 lang 屬性值以 "en" 最初的所有元素。 | 2 |
| :link | a:link | 決定全數(shù)未被走訪的鏈接。 | 1 |
| :visited | a:visited | 選擇全數(shù)已被會(huì)見的鏈接。 | 1 |
| :active | a:active | 選擇勾當(dāng)鏈接。 | 1 |
| :hover | a:hover | 選擇鼠標(biāo)指針位于其上的鏈接。 | 1 |
| :focus | input:focus | 選擇失掉外圍的 input 元素。 | 2 |
| :first-letter | p:first-letter |
決定每一個(gè) 元素的首字母。 | 1 |
| :first-line | p:first-line |
抉擇每一個(gè) 元素的首行。 | 1 |
| :first-child | p:first-child |
選擇屬于父元素的第一個(gè)子元素的每個(gè) 元素。 | 2 |
| :before | p:before |
在每個(gè) 元素的形式疇前插入形式。 | 2 |
| :after | p:after |
在每一個(gè) 元素的模式以后插入模式。 | 2 |
| :lang(language) | p:lang(it) |
抉擇帶有以 "it" 開首的 lang 屬性值的每一個(gè) 元素。 | 2 |
| element1~element2 | p~ul |
決定后背有 元素的每一個(gè)
| 3 |
| [attribute^=value] | a[src^="https"] | 決意其 src 屬性值以 "https" 開頭的每一個(gè) 元素。 | 3 |
| [attribute$=value] | a[src$=".pdf"] | 抉擇其 src 屬性以 ".pdf" 末了的所有 元素。 | 3 |
| [attribute*=value] | a[src*="abc"] | 決議其 src 屬性中包孕 "abc" 子串的每個(gè) 元素。 | 3 |
| :first-of-type | p:first-of-type |
抉擇屬于其父元素的首個(gè) 元素的每個(gè) 元素。 | 3 |
| :last-of-type | p:last-of-type |
選擇屬于其父元素的最后 元素的每個(gè) 元素。 | 3 |
| :only-of-type | p:only-of-type |
選擇屬于其父元素唯一的 元素的每個(gè) 元素。 | 3 |
| :only-child | p:only-child |
抉擇屬于其父元素的僅有子元素的每個(gè) 元素。 | 3 |
| :nth-child(n) | p:nth-child(2) |
決定屬于其父元素的第二個(gè)子元素的每一個(gè) 元素。 | 3 |
| :nth-last-child(n) | p:nth-last-child(2) | 同上，從最后一個(gè)子元素劈頭劈臉計(jì)數(shù)。 | 3 |
| :nth-of-type(n) | p:nth-of-type(2) |
抉擇屬于其父元素第二個(gè) 元素的每個(gè) 元素。 | 3 |
| :nth-last-of-type(n) | p:nth-last-of-type(2) | 同上，但是從最后一個(gè)子元素劈頭劈臉計(jì)數(shù)。 | 3 |
| :last-child | p:last-child |
選擇屬于其父元素最后一個(gè)子元素每一個(gè) 元素。 | 3 |
| :root | :root | 決意文檔的根元素。 | 3 |
| :empty | p:empty |
選擇不有子元素的每一個(gè) 元素（包括文本節(jié)點(diǎn)）。 | 3 |
| :target | #news:target | 決意今朝勾當(dāng)?shù)?#news 元素。 | 3 |
| :enabled | input:enabled | 決議每一個(gè)啟用的 元素。 | 3 |
| :disabled | input:disabled | 決意每一個(gè)禁用的 元素 | 3 |
| :checked | input:checked | 決定每一個(gè)中選中的 元素。 | 3 |
| :not(selector) | :not(p) |
決意非 元素的每一個(gè)元素。 | 3 |
| ::selection | ::selection | 選擇被用戶選取的元素局部。 | 3 |
讀到這里，這篇“CSS決議器怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
