使用LESS变量改变属性的优点是什么?
@Margin-10: 10px;
@Margin-12: 12px;
@Margin-19: 19px;
@Margin-110: 110px;
@Margin-189: 189px;
@Margin-115: 115px;
@Margin-150: 150px;
.................and so on.
Run Code Online (Sandbox Code Playgroud)
并创建那些将来不会改变的变量.
@PullLeft: left;
@PullRight: right;
Run Code Online (Sandbox Code Playgroud)
我正在重新考虑LESS我的应用程序,它具有太多的CSS属性,这些属性在上述场景中使用变量.在这种情况下使用变量有什么好处吗?
我想我们可能会在房子里有这些变量的锤子.将它们命名为如此具体是有问题的,因为它并不真正适用于布局的语义概念,因为如果你要改变它们中的一些,那么很快就会发生混乱.想象一下:
@margin-189: 27px;
@margin-115: 46px;
Run Code Online (Sandbox Code Playgroud)
即使作为一个例子,我也很难打字.我感觉像是哭泣游戏中的淋浴场景.
不,这些变量是你唯一的工具是锤子的例子,所有你看到的都是钉子.
更正确的可能是更具语义风味的东西,例如:
@container-margin-left: 36px;
@panel-margin-left: 20px;
Run Code Online (Sandbox Code Playgroud)
那些至少说明你的网站将如何设置风格,如果价值要改变,它不会导致立即维护火车残骸.
| 归档时间: |
|
| 查看次数: |
251 次 |
| 最近记录: |