CSS 太难看 还是太乱 ?? 求解

[aloyuu]

https://s1.ax1x.com/2018/12/26/F2AO3R.png

问题 1: .name1 .name2 .name3 ...... {} 这种形式形容 叫嵌套还是?

问题 2: 这样写我觉得会直观的看出来对应的层级关系,可是太长的问题?? 很乱是不是?

[SEARCHINGFREE]

用 sass 吧

[66beta]

借鉴下一些最佳实践吧，比如 BEM、rcss
.io
不建议新手上来就 sass，层级深都没感觉

[oonnnoo]

嵌套深了，后面修改简直是噩梦👿

单独写个 class 很难吗？

[yhxx]

我现在倒是觉得这种格式看起来很清爽

[aloyuu]

优点在于不容易引发命名冲突,看起来层次更直观 缺点就是长太了

[mmdsun]

用 less 或 sass

[yiranHZT]

* 用 less 和 sass 只能在写的时候帮助保持头脑清醒，编译出来后还是有嵌套太深的问题
* 样式一般不建议嵌套超过四层
* 样式怎么嵌套对浏览器渲染的性能影响几乎可以忽略不计，一般不是优化的重点
* BEM 是个挺好的解决方案
* 有兴趣可以多看看优秀的 UI 框架的 CSS 书写

[ChefIsAwesome]

1.搞这么多层，就不存在复用样式的可能了。
2.搞这么多层，就不存在从外层修改这个元素样式的可能了。
3.如果不考虑组件化，不考虑复用。一个页面写一个 css 文件，那随你怎么写。