[計(jì)算機(jī)]css選擇器筆記-展示頁
2024-09-07 16:03本頁面
【正文】 lychild匹配父元素下僅有的一個(gè)子元素，等同于:firstchild:lastchild或 :nthchild(1):nthlastchild(1)41.E:onlyoftype匹配父元素下使用同種標(biāo)簽的唯一一個(gè)子元素，等同于:firstoftype:lastoftype或 :nthoftype(1):nthlastoftype(1)42. E:empty匹配一個(gè)不包含任何子元素的元素，注意，文本節(jié)點(diǎn)也被看作子元素實(shí)例：p:nthchild(3) { color:f00。 }七、CSS 3 屬性選擇器序 號(hào)選擇器含義25.E[att^=”val”] 屬 性att的值以val開頭的元素26.E[att$=”val”] 屬 性att的值以val結(jié)尾的元素27.E[att*=”val”] 屬 性att的值包含val字符串的元素實(shí)例：div[id^=nav] { background:ff0。 }a:link:after { content: ( attr(href) ) 。 background:url() norepeat 0 0。 height:17px。 }.cbb:before { content:。 }.preamble:firstletter { fontsize:。 color。 }q:lang(sv) { quotes: \201D \201D \2019 \2019。 background:ffe。 }四、CSS 序 號(hào)選擇器含義13.E:firstchild 匹 配父元素的第一個(gè)子元素14.E:link 匹配所有未被點(diǎn)擊的鏈接15.E:visited 匹配所有已被點(diǎn)擊的鏈接16.E:active 匹 配鼠標(biāo)已經(jīng)其上按下、還沒有釋放的E元素17.E:hover 匹配鼠標(biāo)懸 停其上的E元素18.E:focus 匹配獲得當(dāng)前焦點(diǎn)的E元素19.E:lang(c) 匹配lang屬性等于c的E元素實(shí)例：p:firstchild { fontstyle:italic。 }p[lang|=en] { color:f00。 }div[class=error] { color:f00。以下同。 }三、CSS 屬性選擇器序 號(hào)選擇器含義9. E[att]匹配所有具有att屬性的E元素，不考慮它的值。 }div strong { color:f00。 }nav li { display:inline。 }pinfo { background:ff0。 fontweight:bold。 } { background:ff0。 }p { fontsize:2em。CSS選擇器筆記一、基本選擇器序 號(hào)選擇器含義1.* 通用元素選擇器，匹配任何元素2.E標(biāo)簽選擇器，匹配所有使用E標(biāo)簽的元素3..infoclass選擇器，匹配所有class屬性中包含info的元素4. footer id選擇器，匹配所有id屬性等于footer的元素實(shí)例：* { margin:0。 padding:0。 }.info { background:ff0。 } { color:900。 }info { background:ff0。 }二、多元素的組合選擇器序 號(hào)選擇器含義5. E,F多元素選擇器，同時(shí)匹配所有E元素或F元素，E和F之間用逗號(hào)分隔6. E F后代元素選擇器，匹配所有屬于E元素后代的F元素，E和F之間用空格分隔7.E F子元素選擇器，匹配所有E元素的子元素F8.E + F毗鄰元素選擇器，匹配所有緊隨E元素之后的同級(jí)元素F實(shí)例：div p { color:f00。 }nav a { fontweight:bold。 }p + p { color:f00。（注意：E在此處可以省略，比如“[cheacked]”。）10.E[att=val] 匹配所有att屬性等于“val”的E元素11.E[att~=val] 匹配所有att屬性具有多個(gè)空格分隔的值、其中一個(gè)值等于“val”的E元素12.E[att|=val] 匹配所有att屬性具有多個(gè)連字號(hào)分隔（hyphenseparated）的值、其中一個(gè)值以“val” 開頭的E元素，主要用于lang屬性，比如“en”、“enus”、“engb”等等實(shí)例：p[title] { color:f00。 }td[headers~=col1] { color:f00。 }blockquote[class=quote][cite] { color:f00。 }input[type=text]:focus { color:000。 }input[type=text]:focus:hover { background:fff。 }五、
物理相關(guān)推薦
鄂ICP備17016276號(hào)-1