iT邦幫忙

2025 iThome 鐵人賽

1

A CSS Video a Day, Keeps Web Confusion Away!!系列 第 18

( Day 18 ) CSS 虛擬類別選擇器 ( 邏輯判斷 )

  • 分享至 

  • xImage
  •  

這個單元會介紹「邏輯判斷」虛擬類別選擇器,這個選擇器主要有 :not()、:is() 和 :has() 三種,透過邏輯判斷的規則,就能從複雜的結構中挑選出符合規律的元素,是一種非常強大的 CSS 選擇器。

影片重點:

相關參考:

CSS 虛擬類別選擇器 ( 邏輯判斷 )

後記

稍微分享一下製作影片預覽圖片的心得,基本上我的每部影片都是搭配教學文,因此開場預覽的圖片也都是拿網頁的 banner 來使用,但問題來了,因為我自己影片片頭排版的關係,圖片需要「直式」但是 banner 是「橫式」,所以就透過 AI 擴展的方式,將直式變成橫式,使用的工具是 dreamina 的 canvas 畫布,效果還不錯,不需要寫提示詞的狀態下就可以擴展的很好,推薦給大家~

更多參考:


上一篇
( Day 17 ) CSS 虛擬類別選擇器 ( 超連結 )
下一篇
( Day 19 ) CSS 虛擬類別選擇器 ( 其他、語系 )
系列文
A CSS Video a Day, Keeps Web Confusion Away!!35
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言