我似乎无法让 LESS CSS 的 isurl 方法工作。
- 如果我将“ http://www.google.com ”传递给 mixin,则 isurl 不会评估为 true。
- 如果我传入http://www.google.com(不带引号),那么它不会编译。
- 我的 isnumber 警卫按我的预期工作。
制作了以下简单的测试工具。文字为蓝色。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/less" media="screen">
.testIsUrl(@i) when (isurl(@i)) { @textColor:red; }
.testIsUrl(@i) when not (isurl(@i)) { @textColor:blue; }
.testIsNum(@x) when (isnumber(@x)) { @fontSize: 30pt; }
.testIsNum(@x) when not (isnumber(@x)) { @fontSize: 10pt; }
.testIsUrl("http://www.google.com");
//.testIsUrl(http://www.google.com); // results in error
.testIsNum(32); // evaluates to true in isnumber
//.testIsNum("32"); // evaluates to false in isnumber
.text { color: @textColor; font-size: @fontSize;}
</style>
<script src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.0.js" type="text/javascript"></script>
</head>
<body>
<div id="main">
<div class="text">This text should be red if isurl is true... and big font if isnum is true</div>
</div>
</body>
</html>