css设计模式
oocss
oo:面向对象
原则一:容器与内容分离
<div class="box1">
<div class="content"></div>
</div>
<div class="box2">
<div class="content"></div>
</div>
<style>
.box1{
...
}
.content{
...
}
</style>
容器box的和内容content的样式的单独写,content不要嵌套到box里,这样才能保证content在哪都能正常复用
原则二:结构(基础对象)与皮肤(对象)分离
(基础对象与对象分离)
整体结构(基础对象)
<div class="main"></div>
.main {
color: red;
font-size: 14px;
}