iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎 系列

CSS選取器應該是我們在製作網頁時最不可或缺的一門技術,如何善用這些選取器可說是非常的重要,但前提是你至少要先知道有哪些選取器可用啊!所以...金魚們快快動起來一起來看有哪些好用的選取器吧

鐵人鍊成 | 共 30 篇文章 | 306 人訂閱 訂閱系列文 RSS系列文
DAY 11

子代選取器 - 一個最安全且不會讓你株連九族的選取器

談完了兄弟之間的親代選取器,現在我們來聊聊長幼之間的子代選取器吧,這個選取器的語法長這樣 選取對象A > 選取對象B ,作用是選取到「子層」物件,當然很多...

2019-09-26 ‧ 由 CSScoke 分享
DAY 12

僞類選取器 - 何謂僞類選取器

如果有在跟金魚系列的朋友,到目前為止一些基本的選取方式大概都看完了,前面我們從基本的 Tag、class、ID、屬性(Attribute Selector )、...

2019-09-27 ‧ 由 CSScoke 分享
DAY 13

常用於超連結的動態僞類選取器 - 讓你網頁互動變豐富

歡迎進入 CSS 內建分類選取器的領域 - 偽類(pseudo-class)選取器,偽類選取器是屬於 CSS 內建的分類,意思就是你可以直接使用這種選取器來選到...

2019-09-28 ‧ 由 CSScoke 分享
DAY 14

::before & ::after 無中生有的僞元素選取器 - 傑克這真是太神奇啦

學過了偽類選取器之後,讓我們在鐵人賽中插播一個很重要的 CSS 選取器,那就是 CSS 偽元素 (pseudo-element),簡單的來說就是假的元素,再簡化...

2019-09-29 ‧ 由 CSScoke 分享
DAY 15

::selection 選取狀態僞元素 - 讓你沒有選擇困難

前一天看完了常見的 ::before 與 ::after 僞元素之後,我們繼續來看看另外一個少見的僞元素選取器 ::selection,這個僞元素特別之處如同該...

2019-09-30 ‧ 由 CSScoke 分享
DAY 16

:checked 表單狀態選取器 - 讓你可以開開關關好開勳

總算把插播的兩個偽元素 ( pseudo-element ) 主題都講完了,接下來讓我們回到偽類 ( pseudo-class ) 選取器的部分,這次來談 :c...

2019-10-01 ‧ 由 CSScoke 分享
DAY 17

:lang 語言僞類選取器 - 多長的單字都不煩惱

:lang 僞類選取器是針對語言設定的一個選取器,應該算是一個 Amos 極少用到的一個選取器,主要原因是因為使用上有點小小的麻煩處,另外還有實用度的部分。一般...

2019-10-02 ‧ 由 CSScoke 分享
DAY 18

:first-letter 首字選取器 - 玩轉首字設計的好功能

首字放大在平面設計的領域中是經常可見的一種設計手法,也是司空見慣的方式了,不管是報章雜誌還是海報傳單都可以見到首字放大的設計風格,但是在網頁上面呢?好像不是這麼...

2019-10-03 ‧ 由 CSScoke 分享
DAY 19

::first-line 首行選取器 - 低調到不行的選取器

有了首字之後,當然要來個首行選取器囉,首行選取器故名思義就是選取第一行的意思了,與前個選取器一樣是個被IE耽誤的僞元素選取器,使用方式就是直接讓被設定的物件內容...

2019-10-04 ‧ 由 CSScoke 分享
DAY 20

:empty 空值選取器 - 比谷關的空氣更乾淨的選取器

:empty 空值選取器!這個選取器真是超有趣的!他專門選取那些內容是空的物件,你以為是像谷關的空氣這樣純淨透明的選取器嗎? 不! 它比谷關的空氣更乾淨,它是連...

2019-10-05 ‧ 由 CSScoke 分享