CSS 之 Child Combinator >
CSS 的 Descendant Combinator 與 Child Combinator 都可選擇子層 Element,唯 > 只能明確選擇 子代 Element,而不能選擇 孫代 Element。
CSS 的 Descendant Combinator 與 Child Combinator 都可選擇子層 Element,唯 > 只能明確選擇 子代 Element,而不能選擇 孫代 Element。
透過 grid-column / grid-row 可將 Item 原本在 HTML 位置調整到指定位置。
當使用 List 顯示資料時,若想要資料能黑白相將方便顯示,可使用 :nth-child() 達成。
當使用 List 顯示資料時,若想對最後一列設定不同視覺,可使用 :last-child 達成。
當使用 List 顯示資料時,若想對第一列設定不同視覺,可使用 :first-child 達成。
Grid 常在 grid-template-columns 使用多個 auto 設定 Columns,可使用 repeat() 更精簡。
當 Function 回傳 Function 時,Function 外的 Variable 將保存隨其 Function 改變,此為使用 Closure 的 Module Pattern,事實上 Vue 3 的 Module 就是 Module Pattern 應用。
Grid 屬於父層設定的 Layout,可直接在父層以 row-gap 設定垂直 Item 間隔。
Grid 屬於父層設定的 Layout,可直接在父層以 column-gap 設定水平 Item 間隔。
Grid 屬於父層設定的 Layout,可直接在父層以 gap 設定 Item 間隔。