2012-03-30 91 views
0

赋值给变量LESS因为更少的是预编译的样式表语言,这可能无法达到我后,但这个想法是:如何使用选择

#sidebar { 
    width: 40%; 
} 

@sidebar_width : @('#sidebar:width'); 

.some_other_elements { 
     width: @sidebar_width; 
} 

因此,有三个问题我有:

  1. 是类似上述可能吗?我刚刚发现LESS,文档让我晕头转向。

  2. 如果以上可能,是否会生成CSS,其中.some_other_elements设置为40%或侧边栏的实际宽度?是否有可能使用LESS获得实际宽度?

  3. 如果你可以告诉我一般图书馆的意见以及答案或评论,我希望听到它。这似乎有点多,但也许它是下一个jquery,我需要早晚采用它(或者相反,也许这是下一个YUI,我应该忘记我曾经见过它)。

回答

1

这是行不通的。从选择你不能樱桃挑选出价值,把它变成一个变量:你将不得不做这样的事情:

@sidebar_width: 40%; 
.some_other_elements { 
    width: @sidebar_width; 
} 

侧边栏的宽度将被设置为父的宽度的40%容器。

+0

我很害怕这个。我认为编译后的值不是一个选项,因为它是一个预编译器,但是我很惊讶你不能传递选择器,因为这将有助于制作独立于任何基本CSS的css主题( UA或图书馆)。谢谢。 – Anthony 2012-03-30 07:14:27

0

虽然在预编译时这是真的,但请记住LESS确实可以让您访问JS环境。所以如果你使用Node编译服务器端,你可以做类似于你所尝试的东西,因为你可以访问文档的一部分。

@height = `document.body.clientHeight`; 

可能是一个值得探讨的你是什么:如果您使用的.js从文档(虽然我不建议这对于各种原因)的例子编译负载可能连工作试图完成。