鍍金池/ 問答/HTML5  HTML/ 請教關于OOCSS的規(guī)則之結構與樣式分離

請教關于OOCSS的規(guī)則之結構與樣式分離

分離結構與樣式

獨立的結構和樣式（皮膚）規(guī)則(Separate structure and skin)

.metadata{font-size:1.2em; text-align:left; margin:10px 0;}
.metadata{        
    font-size:1.2em; 
    margin:10px 0;
    
    /*在基礎組件上新加的樣式*/
    width:500px; 
    background-color:#efefef; 
    color:#fff;
}

我們不應該給樣式創(chuàng)建類似于“border,width,height,background”等樣式規(guī)則，不然在不同容器中使用就會發(fā)生杯具

前面創(chuàng)建的基礎組件“meta data”就成了一個特定的組件了，在其他的容器中就難以重用了，從而失去了我們最開始使用OOCSS的宗旨了

https://www.w3cplus.com/css/o...
上面是大漠對oocss規(guī)則之 分離結構與樣式 的描述，但是什么屬于結構什么屬于樣式（皮膚），并沒有明確的劃分，所以請教下大家

回答
編輯回答
生性
但是什么屬于結構什么屬于樣式（皮膚），并沒有明確的劃分，所以請教下大家

就是一樣的屬于結構，不一樣的屬于皮膚，皮膚就是想怎么換怎么換不要都行。
在OO里人是一個對象1，男人是繼承人的一個對象2。
在OOCSS里，人是一個對象，男是一個皮膚。但是是不是一定要這樣劃分呢，其實也不是，比如你的需求可能男人是一個對象，Man和娘是皮膚，所以這都屬于顆粒度的問題，你沒有那需求不可能非要你拆成無數的小對象。

我們不應該給樣式創(chuàng)建類似于“border,width,height,background”等樣式規(guī)則

因此其實這句話是一句建議，很難有明確的劃分。

2018年6月21日 02:01
編輯回答
尐潴豬

這個要參考具體工程來界定，不是一概而就的。
簡單說，就是要根據數據模型在工程中的定義，屬于數據模型的就是結構，此外用于數據模型展示的控制性屬性就是屬于樣式了。

2018年5月12日 05:22