在遙遠的 2009 年曾經寫了一篇 CSS 選擇器的簡單說明,雖然已經事隔 X 年,不過這篇文章所講的選擇器概念,相信對新手還是很有幫助的。
會想重新把這一篇拿出來,是因為現在用 SCSS 的人很多,在巢狀一層包一層的情況下, Descendant selectors (後代選擇器) 也愈用愈恐怖;其實你可以考慮改用 Child selectors (子選擇器) 代替無限的巢狀。
如果你不知道什麼是 child selectors,那也建議你看看這篇文章,把基本的 CSS selectors 都搞清楚,這樣才能更靈活運用喔 :)
http://www.mukispace.com/css-selectors-introduce/
「scss child」的推薦目錄:
- 關於scss child 在 MUKI SPACE INC. Facebook 的最佳貼文
- 關於scss child 在 Sass and combined child selector - Stack Overflow 的評價
- 關於scss child 在 Sass 學習雜記- Part 3. 巢狀表示 - David's Notes 的評價
- 關於scss child 在 How to use child selectors in SCSS? - YouTube 的評價
- 關於scss child 在 storefront-child-theme/style.scss at master · stuartduff ... - GitHub 的評價
- 關於scss child 在 WordPress childtheme not loading any CSS/SCSS 的評價
scss child 在 Sass 學習雜記- Part 3. 巢狀表示 - David's Notes 的推薦與評價
上述SCSS 的效果等同以下CSS 語法。 .parent { color: #FFFFFF; } .parent .child { font-size: 12px; }. Sass 的巢狀表示可以清楚表示DOM 在選取 ... ... <看更多>
scss child 在 How to use child selectors in SCSS? - YouTube 的推薦與評價
Learn about SCSS child selectors in this short video. SCSS is much easier and convenient way to write CSS ... ... <看更多>
scss child 在 Sass and combined child selector - Stack Overflow 的推薦與評價
... <看更多>
相關內容