WXSS（WeiXin Style Sheets）和CSS（Cascading Style Sheets）在功能和應用上有很多相似之處，但針對微信小程序的特殊需求，WXSS對CSS進行了一些擴展和修改。以下是WXSS和CSS之間的主要區別：
- 尺寸單位：
- WXSS新增了rpx（responsive pixel）尺寸單位，這是一種可以根據屏幕寬度進行自適應的單位。例如，在iPhone 6上，屏幕寬度為375px，共有750個物理像素，因此1rpx等于0.5px或1物理像素。
- CSS則支持多種長度單位，如rem、em、vh、vw等，這些單位需要手動進行換算。
- 樣式定義和應用：
- WXSS提供了全局樣式和局部樣式。全局樣式（定義在app.wxss中）會作用于所有小程序頁面，而局部樣式（定義在頁面的wxss文件中）僅會作用于當前頁面，并可能覆蓋全局頁面的樣式（遵循就近原則）。
- CSS則沒有直接的全局和局部樣式之分，但可以通過將樣式定義在HTML文檔的header部分或專門的CSS文件中，并在HTML頁面中引用，來實現樣式的統一管理和應用。
- 選擇器支持：
- WXSS僅支持部分CSS選擇器，包括.class、#id、element、并集選擇器、后代選擇器、::after和::before等偽類選擇器。
- CSS則支持更廣泛的選擇器，包括屬性選擇器、子元素選擇器、相鄰兄弟選擇器等，這些選擇器提供了更強大的樣式定制能力。
- 組件和屬性支持：
- WXSS針對微信小程序的組件進行了樣式支持的優化，一些樣式屬性在小程序中有特殊的表現，如flex布局在微信小程序中得到了更好的支持。
- CSS則主要針對標準的網頁元素和布局進行支持，雖然也支持flex布局等現代CSS特性，但在小程序中的表現可能與WXSS有所不同。
- 樣式繼承：
- WXSS不支持樣式的繼承，每個元素的樣式需要單獨定義。
- CSS支持樣式的繼承，子元素可以繼承父元素的樣式，這有助于減少重復的代碼并提高樣式的可維護性。
綜上所述，WXSS和CSS在尺寸單位、樣式定義和應用、選擇器支持、組件和屬性支持以及樣式繼承等方面存在明顯的區別。這些區別使得WXSS更適合用于微信小程序的樣式定義和美化，而CSS則更適用于標準的網頁開發。
)
