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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2149 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

8 条回复 • 2018-12-26 20:22:51 +08:00

SEARCHINGFREE

2018-12-26 19:02:31 +08:00 via iPhone

用 sass 吧

66beta

2018-12-26 19:07:44 +08:00 via Android

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

oonnnoo

2018-12-26 19:11:19 +08:00 via iPhone

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

单独写个 class 很难吗？

yhxx

2018-12-26 19:15:47 +08:00

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

aloyuu

2018-12-26 19:30:54 +08:00

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

mmdsun

2018-12-26 19:36:30 +08:00 via Android

用 less 或 sass

Everyman

2018-12-26 20:12:14 +08:00

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

ChefIsAwesome

2018-12-26 20:22:51 +08:00

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

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