久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

## :-: 不常用 ``` ---------- 不太常用 ---------- 選中div下一個(gè)兄弟元素節(jié)點(diǎn)p、 div + p { background: red; } 選中div下面所有為p的兄弟元素節(jié)點(diǎn)p，并列結(jié)構(gòu)下、 div ~ p { background: red; } 選中屬性值包含a(兩邊有單詞邊界)的元素、 div[data~="a"] { background: red; } 選中 a 開頭，或者 a- 開頭的元素、 div[data|="a"] { background: red; } 選中以a開頭的元素、 div[data^="a"] { background: red; } 選中以a結(jié)尾的元素、 div[data$="a"] { background: red; } 選中只要包含a的任意元素、 div[data*="a"] { background: red; } ---> 兼容性差、改變input提示顏色、 input::placeholder { color: red; } 改變字體文本選中后的樣式、 div::selection { 只能設(shè)置三個(gè)樣式 color: red; background-color: red; text-shadow: red; -- 陰影 } ``` ``` ----------> 偽類選擇器、(被選中元素的一種狀態(tài)) E:not(s) 選中除了最后一個(gè) :last-of-type 的所有l(wèi)i元素、 ul li:not(:last-of-type) { border-bottom: 1px solid red; } 選中 跟標(biāo)簽、相當(dāng)于html 絕對(duì)最父級(jí)、 :root{ background-color:red; } 被錨點(diǎn)觸發(fā)的狀態(tài)樣式、<a href="#div">點(diǎn)擊后</a> div:target{ color: red; } li --> 選中同級(jí)下·第一個(gè) ul > li:first-child {} li --> 選中同級(jí)下·最后一個(gè) ul > li:last-child {} 選中ul里面只有單獨(dú)一個(gè)的li (獨(dú)生子) ul > li:only-child { color: red; } 選中指定的li、(css索引從1開始) ul > li:nth-child(3) { color: red; } 選中奇數(shù)的li、(css索引從1開始、但n是自然數(shù)，它是從0開始的) 或者 :nth-child(add) ul > li:nth-child(2n+1) { color: red; } 選中偶數(shù)的li、 或者 :nth-child(even) ul > li:nth-child(2n) { color: red; } 倒過來，選中最后一個(gè)、 ul > li:nth-last-child(1) { color: red; } ---------- 以上都考慮其他元素，對(duì)它的影響、比如說選中第一個(gè) li:nth-child(1) 但同級(jí)元素下第一個(gè)實(shí)際為span標(biāo)簽、那么不會(huì)選到、 ``` ## :-: 較常用 ``` ----------> 比較常用 該類型 li 的第一個(gè)、 ul > li:first-of-type{ color: red; } 該類型 li 的最后一個(gè)、 ul > li:last-of-type{ color: red; } 該類型 li 在同級(jí)下只有一個(gè)時(shí)選中、(獨(dú)生子、特有) ul > li:only-of-type{ color: red; } 該類型 li 的指定個(gè)、 ul > li:nth-of-type(3){ color: red; } ul > li:nth-of-type(add){ color: red; } ul > li:nth-of-type(even){ color: red; } 選中從2開始，到最后一個(gè)的、 ul > li:nth-of-type(n+2){ color: red; } 選中div標(biāo)簽為空節(jié)點(diǎn)的、<div></div> <div><!-- 注釋在css中不算節(jié)點(diǎn)，但空格算 --></div> div:empty{ background-color: red; } 當(dāng)前input是復(fù)選框、這個(gè)實(shí)例是點(diǎn)擊input觸發(fā)checked狀態(tài)的css， 當(dāng)前input:checked+span在被觸發(fā)時(shí)就可以選中下一個(gè)為span的標(biāo)簽了，并且利用它改變css樣式、 input:checked + span{ background-color: red; } input:checked + span::after{ content:" Hello Wrold~ "; color: #ccc; } disabled是選中被禁止?fàn)顟B(tài)的標(biāo)簽， <input type="text" disabled> input:disabled{ background-color: red; } 選中被禁止修改狀態(tài)的標(biāo)簽、 <input type="text" readonly value="這個(gè)是禁止修改的狀態(tài)。可以選擇，但不能刪改(只讀)"> input:read-only{ color: red; } ```