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