資訊專欄INFORMATION COLUMN
摘要：同理表示其父元素的最后一個(gè)子元素，且這個(gè)元素是指定的元素，才可以生效。例子弊端對(duì)于元素選擇偽類比較準(zhǔn)確，但是對(duì)于類選擇器選擇偽類可能就會(huì)不太準(zhǔn)確例子現(xiàn)在看例子一正常情況的沒有干擾元素的下面全部都是結(jié)果兩個(gè)都會(huì)對(duì)最后一個(gè)生效。
last-child【同理first-child】
:last-child表示其父元素的最后一個(gè)子元素，且這個(gè)元素是css指定的元素，才可以生效。
last-of-type【同理first-of-type】
:last-of-type表示其父元素的最后一個(gè)指定類型的元素
這兩個(gè)區(qū)別就是last-child必須要多具備一個(gè)條件，就是必須是父元素的最后一個(gè)子元素，強(qiáng)調(diào)的是最后child，而last-of-type只要符合最后一個(gè)type就可以。【例子1 2 】
弊端：對(duì)于元素選擇偽類比較準(zhǔn)確，但是對(duì)于類選擇器選擇偽類可能就會(huì)不太準(zhǔn)確【例子 3 4】
現(xiàn)在看例子：
一、正常情況的沒有干擾元素的ul下面全部都是lihtml
css
結(jié)果： 兩個(gè)都會(huì)對(duì)最后一個(gè)li生效。
last-child
last-of-type
html
css
結(jié)果： last-child選不中目標(biāo)元素，last-of-type可以選擇目標(biāo)元素
last-child
last-of-type
html
css
][11]
結(jié)果： last-child與last-of-type均不會(huì)選中某類的最后一項(xiàng)
.line:last-child與.line:last-of-type
四、父元素下同類名不同元素選擇最后一個(gè)類名html
css
結(jié)果：last-child選中既是最后一個(gè)子元素又是最后一個(gè)類名元素； last-of-type 會(huì)選擇不同元素的最后一項(xiàng)子類
.line:last-child
.line:last-of-type
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/116293.html
摘要：選取所有擁有名為的屬性的元素。選取元素的所有元素，且其中的元素的值須大于。且供選擇的路徑之間并無關(guān)聯(lián)。選擇當(dāng)前節(jié)點(diǎn)的所有先輩。文本讀取文件讀取利用解析選擇器轉(zhuǎn)自阮一峰的網(wǎng)絡(luò)日志基本選擇器最基本的就是針對(duì)標(biāo)簽，類以及了。 本文參考較多，原創(chuàng)基本沒有，權(quán)當(dāng)知識(shí)歸納。xpath并不復(fù)雜，簡(jiǎn)單的使用看完之后，及時(shí)查閱文檔也是可以寫出來的。這里放上我的練手文件，大家可以參考，或者挑毛病(^__^...
摘要：前言如果說作為前端開發(fā)的基本功那么選擇器就是基礎(chǔ)中的基礎(chǔ)如果你在復(fù)寫或者學(xué)習(xí)這些容易令人混淆的選擇器那么你就來對(duì)地方了我的老伙計(jì)本篇文章會(huì)直接了當(dāng)?shù)谋容^它們的特性幫助你快速的掌握它們這兩個(gè)選擇器會(huì)匹配一 前言 如果說 css 作為前端開發(fā)的基本功, 那么 選擇器 就是基礎(chǔ)中的基礎(chǔ). 如果你在復(fù)寫或者學(xué)習(xí)這些容易令人混淆的選擇器, 那么你就來對(duì)地方了, 我的老伙計(jì). 本篇文章會(huì)直接了當(dāng)?shù)?..
摘要：在及以下，偽類選擇器與兄弟選擇符一起使用會(huì)有一個(gè)，查看詳情。一般用于輸入框設(shè)置元素被選擇時(shí)的字體顏色和背景顏色注意事項(xiàng)在使用時(shí)需要加上各個(gè)瀏覽器的前綴除了是，其他瀏覽器都是使用。總結(jié)選擇器用得好其實(shí)可以讓我們少些很多代碼。 很多人都覺得CSS特別簡(jiǎn)單，但其實(shí)真正寫好CSS并不容易，CSS的每一點(diǎn)其實(shí)內(nèi)容都很多，就拿選擇器來說，CSS選擇器大概可以分為五類： 元素選擇器 關(guān)系選擇器 屬...
閱讀 3717·2021-10-11 10:59
閱讀 1301·2019-08-30 15:44
閱讀 3479·2019-08-29 16:39
閱讀 2888·2019-08-29 16:29
閱讀 1800·2019-08-29 15:24
閱讀 808·2019-08-29 15:05
閱讀 1264·2019-08-29 12:34
閱讀 2302·2019-08-29 12:19
