非典css，即“不可維護css”的縮寫，是指在編寫css樣式時遵循了一些不良習慣，導致代碼難以維護。那么具體有哪些反模式呢？

/* 反模式一：class名過于具體 */
/* 例： */
.my-form input[type="text"] { ... }
/* 解決方案：使用更通用的class名 */
.input-text { ... }
/* 反模式二：重復聲明 */
/* 例： */
.my-form input[type="text"] { width: 100%; }
.my-form select { width: 100%; }
/* 解決方案：使用通用選擇器 */
.my-form * { width: 100%; }
/* 反模式三：嵌套層數太多 */
/* 例： */
.my-form .my-label .my-input * { ... }
/* 解決方案：簡化選擇器 */
.form-label { ... }
.form-input { ... }
/* 反模式四：使用魔法數值 */
/* 例： */
.my-form input[type="text"] { padding: 10px; }
/* 解決方案：使用變量或常量 */
:root {
--input-padding: 10px;
}
.my-form input[type="text"] {
padding: var(--input-padding);
}

通過避免這些反模式，我們可以讓css代碼更加清晰易懂，同時也方便我們進行維護和調整。因此在編寫css時，一定要牢記遵循良好的編碼習慣。