第二篇

Pseudo-classes:虛擬類別,例如虛擬子代p:first-child,可以讓某個標籤下的第一個p方塊使用CSS,這樣在新增段落時便不需要重寫CSS。
也可以通過hover讓使用者游標觸碰到時有其他效果/p::first-line則可以讓P標籤的第一行有CSS效果。
又如果你只想讓第一個段落的第一行有此效果,則使用p:first-child::first-line
例如這樣
而使用::before{content="內容"}可以在某標籤的前面或後面加上特定內容

例如這樣

又!important可以優先使用CSS不被覆蓋,:focus可以讓使用者在選取物件的時候套用CSS
而使用:active可以在物件被點擊的時候套用CSS

點我

而使用::selection可以讓文字被選取時套用CSS

選我就消失給你看

透過
CSS Diner
學習到虛擬標籤的各種用法,非常棒。
arrow_circle_left home arrow_circle_right