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
學習到虛擬標籤的各種用法,非常棒。