CSS 選擇器是如何判斷要套用哪個樣式?

常會遇到寫了樣式卻沒有被套用，而樣式沒被套用有兩個可能

1. 沒有選對元素
2. 選對了元素，但蓋不掉之前的樣式
   以下就來講 選對了元素，但蓋不掉之前的樣式

執行這些步驟之前，你必須要先有cypress的測試目錄喔。
或是可以從這裡抓我做的專案

一開始看不懂vuex為何要分mutation跟action兩個寫法，後來查閱了一些資料、加上問公司的前輩，雖然明白了，但還沒辦法體會。

目前先記錄下來，不保證以下內容是正確的觀念。