下面是一篇關于CSS3命名規則的文章,關于命名規則和選擇器的使用。
在CSS3中,命名規則和選擇器的使用是十分重要的,因為他們決定了你的代碼的結構和可讀性。同時也影響了你樣式的重用性和可維護性。
一般的命名規則使用小寫英文字母和橫桿(-),你也可以使用下劃線(_)但是只要保持一致。另外,單詞之間使用連字符(-)連接,盡量不要縮寫單詞。
/* good */ .container { background-color: #fff; } /* bad */ .someclass { background: #ccc; } /* better */ .page-header { margin-top: 20px; } /* wrong */ #red { color: red; } /* better */ #primary-nav { background-color: #333; }
選擇器也可以使用類名選擇器,ID選擇器等等。一般情況下,類名選擇器被更多地使用,因為它可以被多個樣式所共享。而ID選擇器則表示一個唯一的元素,因此使用應該謹慎。
/* good */ .btn { background-color: #f00; color: #fff; } /* bad */ #button { background-color: #f00; color: #fff; } /* better */ .nav { background-color: #333; } /* wrong */ #promo { border: 1px solid #ccc; } /* good */ .promotion { border: 1px solid #ccc; }
最終,命名規則和選擇器的使用應該遵循一致性和可讀性的原則,因為從長遠角度來看,這將有助于代碼的可維護性和可擴展性。
上一篇jquery blog
下一篇品紅css值