原文:(CSS):last-child與:last-of-type區別

對比了一下W CSchool 中針對偽類選擇器 :last child 以及 :last of type的描述,如下: 說句老實話,在不懂這兩個關系的時候,越看這兩句描述,越是別扭,繞口,難懂,查閱網上資料搞懂了以后,就覺得說的還是蠻有道理的。 以一段代碼為例: 運行的結果顯示:沒有任何一行顯示為紅色,第三行顯示為藍色。或許你可能會覺得兩個選擇器選中的是同一行,但是當你注釋掉藍色選擇器的時候會發現 ...

2018-05-06 01:31 0 1100 推薦指數:

查看詳情

CSS 選擇器 :last-child與:last-of-type區別

:last-child----represents the last element among a group of sibling elements. CSS偽類 :last-child 代表在一群兄弟元素中的最后一個元素。 舉個 ...

Fri Mar 02 03:23:00 CST 2018 0 11143
CSS 選擇器 :last-child與:last-of-type區別

:last-child----represents the last element among a group of sibling elements. CSS偽類 :last-child 代表在一群兄弟元素中的最后一個元素。 舉個 ...

Wed Nov 20 03:33:00 CST 2019 0 438
CSS樣式中&和:last-child作用

一、CSS樣式中&和:last-child作用 1、同級樣式中,不同類名公用相同或不同樣式簡潔寫法: & 符號作用,在嵌套層次中回溯一層,既實現效果: .icon-zfgs .icon-zfjd ...... 2、:last-child作用:指定父元素中最后一個 ...

Fri May 15 01:03:00 CST 2020 0 1345
last-child為啥不生效

last-child基本定義 指定屬於其父元素的最后一個子元素的 p 元素的背景色 如果你這樣寫是不會生效的 css如下 原因是相同的limit-top類名的同級不能再有其他的標簽元素,去掉class為text的就好了,也就是父元素底下只能有class為limit-top的列表 ...

Tue Dec 18 22:59:00 CST 2018 0 785
(CSS):last-child不起作用的原因

今天寫了個CSS的測試樣例,代碼如下: 原本覺着,選擇器會選中 可結果出乎我的意料,我們重新理解一下last-child選擇器,在CSS標准中的含義 選擇其父元素最后一個子元素,每個<p>元素,根據這段話我們能否發現:div-01對應父 ...

Sun May 06 09:18:00 CST 2018 0 8022
CSS3】---last-of-type選擇器+nth-last-of-type(n)選擇器

last-of-type選擇器 “:last-of-type”選擇器和“:first-of-type”選擇器功能是一樣的,不同的是他選擇是父元素下的某個類型的最后一個子元素。 示例演示 通過“:last-of-type”選擇器,將容器“div.wrapper”中最后一個 ...

Fri Apr 24 00:32:00 CST 2015 0 2176
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM