使用 nth-child() 設定黑白相間
當使用 List 顯示資料時,若想要資料能黑白相將方便顯示,可使用 :nth-child() 達成。
當使用 List 顯示資料時,若想要資料能黑白相將方便顯示,可使用 :nth-child() 達成。
當使用 List 顯示資料時,若想對最後一列設定不同視覺,可使用 :last-child 達成。
當使用 List 顯示資料時,若想對第一列設定不同視覺,可使用 :first-child 達成。
Grid 常在 grid-template-columns 使用多個 auto 設定 Columns,可使用 repeat() 更精簡。
Grid 屬於父層設定的 Layout,可直接在父層以 row-gap 設定垂直 Item 間隔。
Grid 屬於父層設定的 Layout,可直接在父層以 column-gap 設定水平 Item 間隔。
Grid 屬於父層設定的 Layout,可直接在父層以 gap 設定 Item 間隔。
Grid 屬於父層設定的 Layout,可直接在父層以 grid-template-columns 定義 Column 的寬度與個數。
理論上每個 Element 都可以設定獨立 Class 加以選取,若想在不增加 Class 前提下選取之後所有 Element,可使用 ~ 加以選取。
Grid 屬於父層設定的 Layout,可直接在父層以 grid-template-rows 定義 row 的高度與個數。