互聯網 - 大數據

　　對于面向對象大家肯定都有多多少少的了解，這里所說的OOCSS就是說面向對象的CSS，得說明的是OOCSS并不是一門新語言也不是什么庫，而是一種概念和javascript面向對象一樣。

 

可能你這樣寫過CSS代碼

#box>.item{
　　margin:10px;
　　float:left;
　　text-align:center;
}

但如果另外一處的HTML結構和這個一模一樣，那你是不是又得寫一次css代碼，這些多少有些不合理。

 

其實我們完全可以解決這個問題，如果我們寫成這樣。

.item{
　　margin:10px;
　　float:left;
　　text-align:center;
}

是不是下次直接復制一下class就可以了，這樣多簡單。

 

當然這只是其中的一個問題，有時我們并沒有那么幸運，往往HTML結構都不會一模一樣，但是很多情況下都差不多，只是一部分太個性，但也不是沒有辦法的，我們可以這樣。

//公共
.item{
　　margin:10px;
　　float:left;
}

//1
.set{
　　color:red;
　　text-align:center;
}

//2
.unset{
　　color:blue;
}

如果你對面向對象編程熟悉的話，我相信你很快就理解了。

 

有時我們還會縮小到更細的顆粒，我相信你已經使用過了。

.t_red_color{color:red;}
.t_blue_color{color:blue;}

有時定義全局CSS很有必要，一個網站往往都是主調色啥的都是統一的，定義全局，如果下次想換顏色也方便，如果不單獨提取出來，維護可想而知。

當然這里你可以把名字起的更好一些。