如何使用选择
问题描述:
赋值给变量LESS因为更少的是预编译的样式表语言,这可能无法达到我后,但这个想法是:如何使用选择
#sidebar {
width: 40%;
}
@sidebar_width : @('#sidebar:width');
.some_other_elements {
width: @sidebar_width;
}
因此,有三个问题我有:
是类似上述可能吗?我刚刚发现LESS,文档让我晕头转向。
如果以上可能,是否会生成CSS,其中
.some_other_elements
设置为40%或侧边栏的实际宽度?是否有可能使用LESS获得实际宽度?如果你可以告诉我一般图书馆的意见以及答案或评论,我希望听到它。这似乎有点多,但也许它是下一个jquery,我需要早晚采用它(或者相反,也许这是下一个YUI,我应该忘记我曾经见过它)。
答
这是行不通的。从选择你不能樱桃挑选出价值,把它变成一个变量:你将不得不做这样的事情:
@sidebar_width: 40%;
.some_other_elements {
width: @sidebar_width;
}
侧边栏的宽度将被设置为父的宽度的40%容器。
答
虽然在预编译时这是真的,但请记住LESS确实可以让您访问JS环境。所以如果你使用Node编译服务器端,你可以做类似于你所尝试的东西,因为你可以访问文档的一部分。
@height = `document.body.clientHeight`;
可能是一个值得探讨的你是什么:如果您使用的.js从文档(虽然我不建议这对于各种原因)的例子编译负载可能连工作试图完成。
我很害怕这个。我认为编译后的值不是一个选项,因为它是一个预编译器,但是我很惊讶你不能传递选择器,因为这将有助于制作独立于任何基本CSS的css主题( UA或图书馆)。谢谢。 – Anthony 2012-03-30 07:14:27