分离结构与样式

独立的结构和样式（皮肤）规则(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规则之 分离结构与样式 的描述，但是什么属于结构什么属于样式（皮肤），并没有明确的划分，所以请教下大家