亂碼引起的CSS失效原理：

由于一個中文是兩個字符組成，在編碼不一致的情況下會引發(fā)字符的“重新”組合，（半個漢字的編碼字符與后面的字符組合生成新的“文字”）引發(fā)原本的結(jié)束符合“變異”，從而導(dǎo)致找不到結(jié)束符號，使得后面的CSS就會失效。

小技巧1：CSS中出現(xiàn)的亂碼都是由于CSS字符編碼與頁面的字符編碼不一致所引起的，因此最直接的方法就是使字符編碼一致。將CSS指定編碼類型，例：@charset "utf-8";（指定編碼類型為utf-8,須寫在CSS文件第一行）

小技巧2：CSS中出現(xiàn)的亂碼都是由于中文字符引發(fā)的，因此只要不寫中文，就不會產(chǎn)生“亂碼引起CSS失效”的這種情況

撇開以上兩種小技巧，我們在刨下根，就會發(fā)現(xiàn)“亂碼”通常來自以下兩種情況。

一、中文注釋引起亂碼

CSS注釋為：/*某些注釋*/

亂碼實例：
正常代碼：/*三漢字*/
引起的亂碼：/*涓