本文小編為大家詳細(xì)介紹“CSS決議器怎么用”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“CSS決議器怎么用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、成都網(wǎng)站建設(shè)與策劃設(shè)計,易門網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:易門等地區(qū)。易門做網(wǎng)站價格咨詢:18982081108
"CSS" 列指示該屬性是在哪個 CSS 版本中定義的。(CSS1、CSS2 照樣 CSS3。)
決議器 | 例子 | 例子描畫 | CSS |
---|---|---|---|
.class | .intro | 抉擇 class="intro" 的所有元素。 | 1 |
#id | #firstname | 抉擇 id="firstname" 的一切元素。 | 1 |
* | * | 決意所有元素。 | 2 |
element | p | 選擇全部 <p> 元素。 | 1 |
element,element | div,p | 決定悉數(shù) <div> 元素與所有 <p> 元素。 | 1 |
element element | div p | 抉擇 <div> 元素外部的一切 <p> 元素。 | 1 |
element 決意器" href="https://www.w3school.com.cn/cssref/sele首席技術(shù)官r_element_gt.asp">element>element | div>p | 抉擇父元素為 <div> 元素的悉數(shù) <p> 元素。 | 2 |
element+element | div+p | 決意緊接在 <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ù)已被會見的鏈接。 | 1 |
:active | a:active | 選擇勾當(dāng)鏈接。 | 1 |
:hover | a:hover | 選擇鼠標(biāo)指針位于其上的鏈接。 | 1 |
:focus | input:focus | 選擇失掉外圍的 input 元素。 | 2 |
:first-letter | p:first-letter | 決定每一個 <p> 元素的首字母。 | 1 |
:first-line | p:first-line | 抉擇每一個 <p> 元素的首行。 | 1 |
:first-child | p:first-child | 選擇屬于父元素的第一個子元素的每個 <p> 元素。 | 2 |
:before | p:before | 在每個 <p> 元素的形式疇前插入形式。 | 2 |
:after | p:after | 在每一個 <p> 元素的模式以后插入模式。 | 2 |
:lang(language) | p:lang(it) | 抉擇帶有以 "it" 開首的 lang 屬性值的每一個 <p> 元素。 | 2 |
element1~element2 | p~ul | 決定后背有 <p> 元素的每一個 <ul> 元素。 | 3 |
[attribute^=value] | a[src^="https"] | 決意其 src 屬性值以 "https" 開頭的每一個 <a> 元素。 | 3 |
[attribute$=value] | a[src$=".pdf"] | 抉擇其 src 屬性以 ".pdf" 末了的所有 <a> 元素。 | 3 |
[attribute*=value] | a[src*="abc"] | 決議其 src 屬性中包孕 "abc" 子串的每個 <a> 元素。 | 3 |
:first-of-type | p:first-of-type | 抉擇屬于其父元素的首個 <p> 元素的每個 <p> 元素。 | 3 |
:last-of-type | p:last-of-type | 選擇屬于其父元素的最后 <p> 元素的每個 <p> 元素。 | 3 |
:only-of-type | p:only-of-type | 選擇屬于其父元素唯一的 <p> 元素的每個 <p> 元素。 | 3 |
:only-child | p:only-child | 抉擇屬于其父元素的僅有子元素的每個 <p> 元素。 | 3 |
:nth-child(n) | p:nth-child(2) | 決定屬于其父元素的第二個子元素的每一個 <p> 元素。 | 3 |
:nth-last-child(n) | p:nth-last-child(2) | 同上,從最后一個子元素劈頭劈臉計數(shù)。 | 3 |
:nth-of-type(n) | p:nth-of-type(2) | 抉擇屬于其父元素第二個 <p> 元素的每個 <p> 元素。 | 3 |
:nth-last-of-type(n) | p:nth-last-of-type(2) | 同上,但是從最后一個子元素劈頭劈臉計數(shù)。 | 3 |
:last-child | p:last-child | 選擇屬于其父元素最后一個子元素每一個 <p> 元素。 | 3 |
:root | :root | 決意文檔的根元素。 | 3 |
:empty | p:empty | 選擇不有子元素的每一個 <p> 元素(包括文本節(jié)點)。 | 3 |
:target | #news:target | 決意今朝勾當(dāng)?shù)?#news 元素。 | 3 |
:enabled | input:enabled | 決議每一個啟用的 <input> 元素。 | 3 |
:disabled | input:disabled | 決意每一個禁用的 <input> 元素 | 3 |
:checked | input:checked | 決定每一個中選中的 <input> 元素。 | 3 |
:not(selector) | :not(p) | 決意非 <p> 元素的每一個元素。 | 3 |
::selection | ::selection | 選擇被用戶選取的元素局部。 | 3 |
讀到這里,這篇“CSS決議器怎么用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
名稱欄目:CSS決議器怎么用
轉(zhuǎn)載源于:http://www.rwnh.cn/article22/jdjjcc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站改版、商城網(wǎng)站、外貿(mào)建站、移動網(wǎng)站建設(shè)、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)