Grid 使用 grid-template-columns 設定 Columns
Grid 屬於父層設定的 Layout，可直接在父層以 grid-template-columns 定義 Column 的寬度與個數。
CSS 之 General Sibling Combinator ~
理論上每個 Element 都可以設定獨立 Class 加以選取，若想在不增加 Class 前提下選取之後所有 Element，可使用 ~ 加以選取。
Grid 使用 grid-template-rows 設定 Rows
Grid 屬於父層設定的 Layout，可直接在父層以 grid-template-rows 定義 row 的高度與個數。
CSS 之 Adjacent Sibling Combinator +
理論上每個 Element 都可以設定獨立 Class 加以選取，若想在不增加 Class 前提下選取下一個 Element，可使用 + 加以選取。
Attribute Selector 的 Specificity
一般較少討論 Attribute Selector 的 Specificity，當與 Class Selector 有衝突時，到底會使用 Attribute Selector 還是 Class Selector 呢 ?
CSS 之 Class Selector .
Class Selector 為 CSS 最常用的 Selector，實務上常看到幾種寫法：.box1, box2、.box1 .box2 與 .box1.box2，因為很像很容易誤會其意義。