css 偽類 last child等不起作用

#icons

#icons .column
#icons .column .txt
#icons .column
.txt:last-child
#icons .column .txt p

打造全新世界觀，讓你更愛你的生活

豐富多彩的公益活動，發揮新世界的主人公意識
時尚的新理念，超前體驗未知的生活
完善的培養機制，培養你全新的世界觀

本以為在 `#icons .column .txt` 處加隔條後，想把最後乙個豎隔條設為 `border：none;` 沒想到如上如所示，全部都不見了。

原來，偽類選擇器`:first-child`和`:last-child`是根據父級進行篩選的，`

#icons .column .txt:last-child` 的父級是『.txt`，在該處上的子級只有乙個，最後的子級當然也是自己本身，所以要想達到效果，就應該在『.txt`的父級新增偽類。

#icons .column:last-child .txt

css偽類，偽元素

偽類作用於整個元素，比如 a link a hover div first child 儘管這些條件都不是基於dom的，但結果沒乙個都是作用於乙個完整的元素，比如整個鏈結，段落，div等等 偽元素作用於元素一部分，比如 p first line p first letter 偽元素作用於元素的一部分...

CSS偽類 偽元素

css偽類用於向某些選擇器新增特殊的效果。錨偽類a link 未訪問的鏈結 a visited 已訪問的鏈結 a hover 滑鼠移動到鏈結上 a active 選定的鏈結 注意 1 在 css 定義中，a hover 必須被置於 a link 和 a visited 之後，才是有效的。2 在 cs...

CSS 偽元素 偽類

link 未訪問的鏈結 visited 已訪問的鏈結 hover 滑鼠移到元素上 active 向被啟用的鏈結新增樣式 focus 獲得輸入焦點的元素 first child 作為某元素的第乙個子元素的元素 lang 向帶有指定lang屬性的元素新增樣式 在 css 定義中，a hover 必須被置...