預處理器就是編譯CSS，以前css都是靜態的，要寫兩個class就得寫兩個class，現在可以加入變量。預處理器會對變量做處理。后處理器就是對css加入一些擴展，增強css的兼容性。

繼承是一種規則，它允許樣式不僅應用于某個特定html標簽元素，而且應用于其后代。CSS繼承是指設置上級（父級）的CSS樣式，上級（父級）及以下的子級（下級）都具有此屬性。但并不是所有的屬性都可以繼承，只有以color/font-/text-/line開頭的屬性才可以繼承。

css中無繼承性的屬性有：1、display；2、文本屬性；3、盒子模型屬性；4、背景屬性；5、定位屬性；6、生成內容屬性；7、輪廓樣式屬性；8、頁面樣式屬性；9、聲音樣式屬性。

css中的所有元素都是選擇器，不論新元素還是舊元素，都是對標簽的選擇。

.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節點，你前面有個content所以會失效

1

2

3