请教关于OOCSS的规则之结构与样式分离

Question

分离结构与样式

独立的结构和样式（皮肤）规则(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;
}

我们不应该给样式创建类似于“border,width,height,background”等样式规则，不然在不同容器中使用就会发生杯具

前面创建的基础组件“meta data”就成了一个特定的组件了，在其他的容器中就难以重用了，从而失去了我们最开始使用OOCSS的宗旨了

https://www.w3cplus.com/css/o...
上面是大漠对oocss规则之 分离结构与样式 的描述，但是什么属于结构什么属于样式（皮肤），并没有明确的划分，所以请教下大家

Answer 1

但是什么属于结构什么属于样式（皮肤），并没有明确的划分，所以请教下大家

就是一样的属于结构，不一样的属于皮肤，皮肤就是想怎么换怎么换不要都行。
在OO里人是一个对象1，男人是继承人的一个对象2。
在OOCSS里，人是一个对象，男是一个皮肤。但是是不是一定要这样划分呢，其实也不是，比如你的需求可能男人是一个对象，Man和娘是皮肤，所以这都属于颗粒度的问题，你没有那需求不可能非要你拆成无数的小对象。

我们不应该给样式创建类似于“border,width,height,background”等样式规则

因此其实这句话是一句建议，很难有明确的划分。

Answer 2

这个要参考具体工程来界定，不是一概而就的。
简单说，就是要根据数据模型在工程中的定义，属于数据模型的就是结构，此外用于数据模型展示的控制性属性就是属于样式了。