寫(xiě)CSS代碼一定要有一定的架構(gòu)和規(guī)范，這樣才能讓代碼易讀易維護(hù)。下面是一些寫(xiě)CSS代碼時(shí)的建議：

/*1. 盡量避免使用id選擇器*/
/*id選擇器的優(yōu)先級(jí)過(guò)高，容易導(dǎo)致樣式污染和權(quán)重問(wèn)題，應(yīng)該盡量避免*/
/*2. 使用class選擇器*/
/*class選擇器可以提高代碼復(fù)用率，也可避免id選擇器的問(wèn)題*/
/*3. 避免使用“*”選擇器*/
/*所有元素選擇器會(huì)導(dǎo)致性能問(wèn)題，應(yīng)該盡量避免*/
/*4. 給選擇器添加命名空間*/
/*為選擇器添加命名空間可以讓CSS更有結(jié)構(gòu)，避免沖突*/
/*5. 避免使用!important*/
/*!important可以覆蓋其他樣式，但是會(huì)導(dǎo)致權(quán)重問(wèn)題和可維護(hù)性問(wèn)題，應(yīng)該盡量避免*/
/*6. 使用縮進(jìn)和空格*/
/*適當(dāng)?shù)目s進(jìn)和空格可以讓CSS代碼更易讀易維護(hù)*/
/*7. 鏈?zhǔn)竭x擇器盡量精簡(jiǎn)*/
/*長(zhǎng)鏈?zhǔn)竭x擇器過(guò)于復(fù)雜，應(yīng)該盡量精簡(jiǎn)，提高可讀性*/
/*8. 遵循標(biāo)準(zhǔn)書(shū)寫(xiě)順序*/
/*遵循標(biāo)準(zhǔn)書(shū)寫(xiě)順序可以為代碼提供一定的結(jié)構(gòu)，方便閱讀*/
/*例子：*/
/*命名空間*/
.my-wrapper {}
/*標(biāo)準(zhǔn)書(shū)寫(xiě)順序*/
.my-wrapper {
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #fff;
color: #333;
}
/*精簡(jiǎn)鏈?zhǔn)竭x擇器*/
.my-wrapper >.my-title {}
/*避免使用id選擇器*/
/*#header {}*/
/*使用class選擇器*/
.header {}
/*避免使用“*”選擇器*/
/*.header * {}*/
/*避免使用!important*/
/*.header {
color: red !important;
}*/
/*使用縮進(jìn)和空格*/
.my-wrapper {
display: block;
position: relative;
}
/*總結(jié)*/
/*以上是一些寫(xiě)CSS代碼時(shí)的建議，大家可以結(jié)合自己的項(xiàng)目和特殊情況進(jìn)行使用。*/