摘要:樣式樣式變紅變紅變紅變紅變紅變紅偽類(lèi)選擇器的要求這個(gè)元素是選定的元素例如,這個(gè)后面的數(shù)字表示所有子元素中的第個(gè)偽類(lèi)選擇器要求這個(gè)元素是選定的元素例如在父級(jí)元素中所有子元素的第個(gè)。
樣式:p:nth-child(2){color:red;}
樣式:span:nth-of-type(2){color:red;}
1
2
//變紅1
//變紅2
1
2
1 2//變紅1 2//變紅1 2//變紅1 2//變紅
p:nth-child(3)偽類(lèi)選擇器的要求1:這個(gè)元素是選定的元素(例如:p),2:這個(gè)后面的數(shù)字表示所有子元素中的第3個(gè)
span:nth-of-type(3)偽類(lèi)選擇器要求1:這個(gè)元素是選定的元素(例如span)2:在父級(jí)元素中所有子元素span的第3個(gè)。
推薦文章:http://www.cnblogs.com/dolphinX/p/3347713.html
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/111309.html
摘要:在及以下,偽類(lèi)選擇器與兄弟選擇符一起使用會(huì)有一個(gè),查看詳情。一般用于輸入框設(shè)置元素被選擇時(shí)的字體顏色和背景顏色注意事項(xiàng)在使用時(shí)需要加上各個(gè)瀏覽器的前綴除了是,其他瀏覽器都是使用??偨Y(jié)選擇器用得好其實(shí)可以讓我們少些很多代碼。 很多人都覺(jué)得CSS特別簡(jiǎn)單,但其實(shí)真正寫(xiě)好CSS并不容易,CSS的每一點(diǎn)其實(shí)內(nèi)容都很多,就拿選擇器來(lái)說(shuō),CSS選擇器大概可以分為五類(lèi): 元素選擇器 關(guān)系選擇器 屬...
摘要:今天介紹一下,選擇器和選擇器的優(yōu)先級(jí)。選擇父元素為元素的所有元素。注釋不支持選擇器。二選擇器的優(yōu)先級(jí)在中并沒(méi)有給各個(gè)選擇器名字,在權(quán)威指南一書(shū)中,給出了選擇器的名字,如通配選擇器,選擇器,選擇器,等等。 今天介紹一下,css選擇器和選擇器的優(yōu)先級(jí)。 一、選擇器 更加專(zhuān)業(yè)性的介紹,來(lái)看一下w3school中的描述,網(wǎng)址為:http://www.w3school.com.cn/cs...下...
摘要:滿(mǎn)足結(jié)果的為和,但是不匹配類(lèi)名為,所以最后匹配結(jié)果為結(jié)果類(lèi)名順序失效匹配每一級(jí)第三個(gè)標(biāo)簽且標(biāo)簽類(lèi)名為的。匹配所有父級(jí)是的元素兄弟節(jié)點(diǎn)選擇器匹配所有緊接著元素之后的元素 子節(jié)點(diǎn)選擇器 :nth-of-type() && :nth-child() :nth-of-type(n) 匹配父節(jié)點(diǎn)下同一級(jí)對(duì)應(yīng)標(biāo)簽的第n個(gè)節(jié)點(diǎn) (:nth-last-of-type(n)反序) :nth-child...
摘要:它通過(guò)易于使用的在大量瀏覽器中運(yùn)行,使得文檔遍歷和操作,事件處理,動(dòng)畫(huà)和更加簡(jiǎn)單。如果想打印輸出對(duì)象的內(nèi)容。他們的寬高都顯示設(shè)置為一個(gè)祖先元素是隱藏的。元素被認(rèn)為是可見(jiàn)的,因?yàn)樗麄內(nèi)匀徽紦?jù)布局空間。 官網(wǎng)傳送門(mén): http://jquery.com/中文API文檔: http://jquery.cuishifeng.cn/jQuery是一個(gè)快速,小巧,功能豐富的JavaScript庫(kù)。...
摘要:它通過(guò)易于使用的在大量瀏覽器中運(yùn)行,使得文檔遍歷和操作,事件處理,動(dòng)畫(huà)和更加簡(jiǎn)單。如果想打印輸出對(duì)象的內(nèi)容。他們的寬高都顯示設(shè)置為一個(gè)祖先元素是隱藏的。元素被認(rèn)為是可見(jiàn)的,因?yàn)樗麄內(nèi)匀徽紦?jù)布局空間。 官網(wǎng)傳送門(mén): http://jquery.com/中文API文檔: http://jquery.cuishifeng.cn/jQuery是一個(gè)快速,小巧,功能豐富的JavaScript庫(kù)。...
閱讀 1763·2021-11-24 09:39
閱讀 3312·2021-11-22 15:24
閱讀 3189·2021-10-26 09:51
閱讀 3372·2021-10-19 11:46
閱讀 2963·2019-08-30 15:44
閱讀 2297·2019-08-29 15:30
閱讀 2607·2019-08-29 15:05
閱讀 855·2019-08-29 10:55