亚洲韩国精品无码一区二区三区,好吊色欧美一区二区三区视频

文章插圖
前言css選擇器非常之多，常見(jiàn)的如class選擇器，id選擇器，標(biāo)簽選擇器等等。每個(gè)的用法都有所區(qū)別，雖然很多都能到達(dá)同樣的效果，但還是有一些更優(yōu)的選擇。
class、id、標(biāo)簽選擇器這個(gè)幾個(gè)就不細(xì)說(shuō)了，class和標(biāo)簽選擇器主要用來(lái)設(shè)置樣式上面，id選擇器推薦不要用在css樣式上，更多是用在js操作dom時(shí)，選擇元素。
如：
div{ background: #fff;}.list { color: red;}$('#li').html('<span>web秀</span>')element elementdiv p 選擇 <div> 元素內(nèi)部的所有 <p> 元素。
CSS選擇器如此之多，你了解多少？
element>elementdiv>p 選擇父元素為 <div> 元素的所有 <p> 元素。
CSS選擇器如此之多，你了解多少？
element+elementdiv+p 選擇緊接在 <div> 元素之后的所有 <p> 元素。
CSS選擇器如此之多，你了解多少？
[attribute][target] 選擇帶有 target 屬性所有元素。
CSS選擇器如此之多，你了解多少？
[attribute=value][target=_blank] 選擇 target=”_blank” 的所有元素。
CSS選擇器如此之多，你了解多少？
[attribute~=value][title~=title] 選擇 title 屬性包含單詞 “title” 的所有元素。
CSS選擇器如此之多，你了解多少？
[attribute|=value]/[attribute^=value][lang|=en] 選擇 lang 屬性值以 “en” 開(kāi)頭的所有元素。
CSS選擇器如此之多，你了解多少？
[attribute$=value]p[src$=”e”] 選擇其 src 屬性以 “e” 結(jié)尾的所有 <p> 元素。
CSS選擇器如此之多，你了解多少？
[attribute*=value]p[title*=”abc”] 選擇其 title 屬性中包含 “abc” 子串的每個(gè) <p> 元素。
CSS選擇器如此之多，你了解多少？
element1~element2p~div 選擇前面有 <p> 元素的每個(gè) <div> 元素。
CSS選擇器如此之多，你了解多少？
A標(biāo)簽偽類選擇器:link a:link 所有未被訪問(wèn)的鏈接(a標(biāo)簽的默認(rèn)樣式) 。
:visited a:visited 所有已被訪問(wèn)的鏈接。
:active a:active 點(diǎn)擊后沒(méi)有松開(kāi)鼠標(biāo)的鏈接。
:hover a:hover 鼠標(biāo)指針位于其上的鏈接。
:before / :after在元素的內(nèi)容之前插入內(nèi)容。
div:before{ content: ''; display: block; background: red; width: 30px; height: 10px;}div:after{ content: ''; display: block; background: green; width: 30px; height: 10px;}CSS選擇器如此之多，你了解多少？
:first-childp:first-child 匹配的是某父元素的第一個(gè)子元素，可以說(shuō)是結(jié)構(gòu)上的第一個(gè)子元素。(注意和:first-of-type做區(qū)分)
CSS選擇器如此之多，你了解多少？
:first-of-typep:first-of-type 匹配的是該類型的第一個(gè)，類型是指什么呢，就是冒號(hào)前面匹配到的東西，比如 p:first-of-type，就是指所有p元素中的第一個(gè) 。這里不再限制是第一個(gè)子元素了，只要是該類型元素的第一個(gè)就行了，當(dāng)然這些元素的范圍都是屬于同一級(jí)的，也就是同輩的。(注意和:first-child做區(qū)分)
CSS選擇器如此之多，你了解多少？
:last-childp:last-child 表示其父元素的最后一個(gè)子元素，且這個(gè)元素是css指定的元素，才可以生效(注意和:last-of-type做區(qū)分)
CSS選擇器如此之多，你了解多少？
:last-of-typep:last-of-type 代表在一群兄弟元素中的最后一個(gè)指定類型的元素。(注意和:last-child做區(qū)分)
CSS選擇器如此之多，你了解多少？
:only-childp:only-child 選擇器選擇的是父元素中只有一個(gè)子元素，而且只有唯一的一個(gè)子元素
CSS選擇器如此之多，你了解多少？

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

web前端三大主流框架 css偶數(shù)選擇器以及用法