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