https://s1.ax1x.com/2018/12/26/F2AO3R.png
问题 1: .name1 .name2 .name3 ...... {} 这种形式形容 叫嵌套还是?
问题 2: 这样写我觉得会直观的看出来对应的层级关系,可是太长的问题?? 很乱是不是?
1
SEARCHINGFREE 2018-12-26 19:02:31 +08:00 via iPhone
用 sass 吧
|
2
66beta 2018-12-26 19:07:44 +08:00 via Android
借鉴下一些最佳实践吧,比如 BEM、rcss
.io 不建议新手上来就 sass,层级深都没感觉 |
3
oonnnoo 2018-12-26 19:11:19 +08:00 via iPhone
嵌套深了,后面修改简直是噩梦👿
单独写个 class 很难吗? |
4
yhxx 2018-12-26 19:15:47 +08:00
我现在倒是觉得这种格式看起来很清爽
|
5
aloyuu OP 优点在于不容易引发命名冲突,看起来层次更直观 缺点就是长太了
|
6
mmdsun 2018-12-26 19:36:30 +08:00 via Android
用 less 或 sass
|
7
Everyman 2018-12-26 20:12:14 +08:00
* 用 less 和 sass 只能在写的时候帮助保持头脑清醒,编译出来后还是有嵌套太深的问题
* 样式一般不建议嵌套超过四层 * 样式怎么嵌套对浏览器渲染的性能影响几乎可以忽略不计,一般不是优化的重点 * BEM 是个挺好的解决方案 * 有兴趣可以多看看优秀的 UI 框架的 CSS 书写 |
8
ChefIsAwesome 2018-12-26 20:22:51 +08:00
1.搞这么多层,就不存在复用样式的可能了。
2.搞这么多层,就不存在从外层修改这个元素样式的可能了。 3.如果不考虑组件化,不考虑复用。一个页面写一个 css 文件,那随你怎么写。 |