pseudo-class :last-child, :first-child


Posted by mijouhsieh on 2023-04-16

//在 .card 內部裡的最後一個 p 元素
.card p:last-child {  
    transform: rotate(180deg);
 }
.complete > p:first-child {
  font-size: 3em;
  font-weight: 700;
  color: #758d9a;
}

選擇器中的冒號(:)是 CSS 的 pseudo-class,:last-child 指的是在同一個階層的同類元素中,選出最後面的元素。



#pseudo-class #:first-child #:last-child







Related Posts

《鳥哥 Linux 私房菜:基礎篇》Chapter 04 - 首次登入與線上求助

《鳥哥 Linux 私房菜:基礎篇》Chapter 04 - 首次登入與線上求助

〈 AI 學習筆記 〉Automated Machine Learning 簡介與Auto-Sklearn實作紀錄

〈 AI 學習筆記 〉Automated Machine Learning 簡介與Auto-Sklearn實作紀錄

JS註冊組|程式設計ABC|JavaScript&jQuery網站互動設計程式進化之道

JS註冊組|程式設計ABC|JavaScript&jQuery網站互動設計程式進化之道


Comments