iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

基礎中的基礎系列系列 第 9

基礎中的基礎系列之偽元素,偽類

  • 分享至 

  • xImage
  •  

[Css]偽類vs偽元素
偽類:
link :未連結的顏色
visited :連結過後的顏色
hover :滑鼠移至連結的顏色 #
active :選擇連結瞬間的顏色
first-child :匹配元素的第一個元素(可用於:文字,p,行內元素)
lang:允許定義不同於言

偽元素:
::first-line :把特殊的樣式使用於文本的第一行(只適用於塊狀元素)
::first-letter :把特殊樣式使用於文本第一個字(同上,只適用於塊狀元素)
::before :可插入一個特殊內容於文本之前 #
::after :可插入一個特殊內容於文本最後 #
::selection : 使用於對文字選擇時的特殊表現 #

後方有#者,代表常見,需多加留意


上一篇
基礎中的基礎系列之Target
下一篇
基礎中的基礎系列之form,input
系列文
基礎中的基礎系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言