高效编写CSS

近几天在编写页面，自己感觉编码效率低下，正所谓穷则思变，当意识到问题必须得以解决时，往往就迈出了解决问题的第一步。

自己在编写页面主要遇到的问题如下：页面结构更改频繁，CSS样式复用少且维护困难。大项目遇到难以维护等问题倒是情有可原，但这只是一个小项目，出现这种问题只能是因为我的编码姿势不对，某些地方存在自己没意识的问题。

编写CSS样式的时候，为了避免类命名的冲突、样式覆盖的问题，我在一定程度上借鉴了BEM的编写规范，不过对提高自己的编码效率作用不大。使用网络搜索相关主题，结合自己的实际情况，该问题又细分为几个小问题，如下：1、CSS类命名，2、CSS样式复用，3、易读可维护。

解决方案如下：

1、在前端开发组件化、模块化的基础上使用BEM编码规范的命名方法，部分借鉴SMACSS的命名方法。

2、借鉴DRY的思想，利用CSS预编译语言中的变量、混入、拓展等特性实现样式的复用，费类名的复用。

3、注重项目结构的优化。