iT邦幫忙

2023 iThome 鐵人賽

0
SideProject30

sideproject-簡易網站系列 第 23

Day-23 大略認識CSS偽類

  • 分享至 

  • xImage
  •  

偽類也是選擇器的一種 可以增加與使用者的互動
常用到的像是
「:hover」是滑鼠停在某元素上時
「:target」則是跳轉到點擊處href="id"的id位置。
「:focus」通常用在input
「:link」尚未點擊的連結 與visited互斥
「:visited」點擊過的連結 與linked互斥
「:active」被觸發過的連結及按鈕等
「:first-child」只有第一個元素會被更改
「:last-child」則只有最後一個元素會被更改
「:nth-child 特定子元素」用an+b形式配對元素

li :first-child {
 color: orange;
}
li  :last-child {
 color: yellow;
}

上一篇
Day-22 Bootstrap5入門
下一篇
DAY-24 CSS position及float屬性
系列文
sideproject-簡易網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言