iT邦幫忙

鐵人檔案

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

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

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

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

:not() 否定選取器 - 一個搞排擠的選取器

not 如其字面意義就是否定的意思,而 :not() 選取器,就是一個排擠(不選取)非我族群的選取器,這個選取器在一開始推出的時候,其實 Amos 非常的不習慣...

2019-10-06 ‧ 由 CSScoke 分享
DAY 22

:first-child & :last-child 頭尾選取器 - 有頭有尾有始有終的選取器

:first-child 以及 :last-child 兩個選取器剛好是相對的,一個選第一個 ( :first-child ),一個選最後一個 ( :last-...

2019-10-07 ‧ 由 CSScoke 分享
DAY 23

:first-of-type & :last-of-type 首項分類與尾首分類選取器 - 一個不會讓你看錯男女的選取器

前一篇提到了選取第一個與最後一個物件的 :first-child 與 :last-child 選取器,接下來我們繼續來看看跟他們很像似的 :first-of-t...

2019-10-08 ‧ 由 CSScoke 分享
DAY 24

:only-child 獨子選取器 - 這是啥媽寶選取器

:only-child 獨子選取器,簡單的說就是選取到那個只有唯一一個子層的子物件,注意! 他是選取倒獨子物件,不是選取父層喔。而這個選取器也很容易跟另外一個...

2019-10-09 ‧ 由 CSScoke 分享
DAY 25

:only-of-type 類型獨子選取器

:only-of-type 跟 :only-child 非常相似,但也如同之前的篇章中有講到的,認清 child 與 of-type 差異的人,就能擁有世界輕鬆...

2019-10-10 ‧ 由 CSScoke 分享
DAY 26

:nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

總算...金魚都能懂的 CSS 選取器 講了20幾篇,總算可以講到這個大家都很有興趣的 :nth-child 選取器了,看到這邊又要老話一句了 ( 夠了你! )...

2019-10-11 ‧ 由 CSScoke 分享
DAY 27

:nth-of-type() & :nth-last-of-type() - 你覺得燒腦但其實根本不燒腦的選取器趴兔

總算...金魚都能懂的 CSS 選取器 講了20幾篇,總算可以講到這個大家都很有興趣的 :nth-of-type 選取器了,看到這邊又要再再再老話一句了 ( 夠...

2019-10-12 ‧ 由 CSScoke 分享
DAY 28

:disabled & :enabled 表單用僞類選取器 - 一眼看穿那些不能按的按鈕

介紹了這麼多針對一班網頁標籤的選取器之後,總算我們可以進入到針對表單的選取器了,針對表單的選取器其實還不少,但是目前來說除了 :checked 之外,可能比較有...

2019-10-13 ‧ 由 CSScoke 分享
DAY 29

:root 根目錄選取器 - 叫你阿爸出來講

這個選取器應該是所有選取器裡面最特別的了,且目前這個選取器使用的地方還滿受限的,先來瞭解一下這個選取器的名字吧,root 顧名思義就是「根」的意思,網頁的「根」...

2019-10-14 ‧ 由 CSScoke 分享
DAY 30

達標好文 學習路徑懶人包 - CSS 選取器學習地圖

經歷了29天的 CSS 選取器的洗禮,感謝各位的訂閱、支持與觀看,不知道大家對於 CSS 選取器是否有變的更加熟悉了呢?今天就讓我們來快速地回顧一下這 29 天...

2019-10-15 ‧ 由 CSScoke 分享