对手写html的很多前端组件框架来说,css嵌套无疑是一种定义样式的快捷方式。遗憾的是,活字格的组件似乎不太好用这样的方式去定制了。
1.因为通用的每个单元格插件都是嵌套了n层div之后的结果,其中有单元格对应的横纵坐标层div,组件单元格大div,然后才进入组件本身。 如谢厅所说,似乎只有在大类下去索引到一个个子孙元素去定制css的方法比较靠谱,但纠结的是,这样对于有css设计洁癖的人来说就有点难接受了。因为不够通用化和优雅。
2.在这种情况下,一个办法是自定义插件,这似乎是活字格推荐的方式。自行构建这样一套约定css的体系。然后外界调用插件的时候希望转换样式,就按照你约定的这个规范去自行定义修改css以及内部抛出的子样式名?遗憾的是,一般这种情况下,对于插件本身你已经实现了你要的样式(以及功能),再给后来人定义的意义不大,所以一般可能也不会去选择这么做了。
3.另一个方法,可能就是楼主所要表达的,活字格是否可以在组件本身做出一些改变,提供一套便于定位的内部元素样式约定体系。通用的组件的每个层都满足这个约定,外界只需要得到一个入口css,然后就方便的往下定义以发挥CSS的强大想象力? 当然,具体怎么做我也不知道 |