避免使用元素選擇器
初始化除外
不好的:
div{...} ul{...} p{...}
推薦:
.error{...} .section{...} .products{...}
給規(guī)則同樣的權重
使用級聯去重寫先前的規(guī)則
不好的:
.myModule .inner b{...} .myModule2 b{...}
推薦:
.myModule b{...} .myModule2 b{...}
保守的使用 hack
不好的:
.mod .hd{...} .ie .mod .hd{...} .weatherMod .hd{...}
推薦:
.mod .hd{color:red;_zoom:1;} .weatherMod .hd{...}
注:此點來自 The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax Experience 2009 第96P,為作者在 Ajax Experience 2009 上所做的補充。
避免指定位置
應用 class 在你想要改變的對象上
不好的:
.sidebar ul{...} .header ul{...}
推薦:
.mainNav{...} .subNav{...}
出處:99css
責任編輯:bluehearts
上一頁 馴服CSS選擇器--健壯我們的樣式表 [1] 下一頁 馴服CSS選擇器--健壯我們的樣式表 [3]
◎進入論壇網頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|