为什么不应用这个LESS CSS?

时间:2012-08-15 07:49:54

标签: javascript html css less

为什么这个stylehseet没有加载?一个人的背景颜色应该类似于cadetblue

我的关于home.less.css链接的页面可以在http://adl.sdf.org/home.shtml

找到

2 个答案:

答案 0 :(得分:1)

<link rel="stylesheet/less" type="text/css" href="home.less.css">标记中添加此行<head>,而不是在<body>标记内添加,如下所示:

<!DOCTYPE html>
<html>
/* Add head block in your HTML */
<head> 
   <meta charset="utf-8"> 
   <link rel="stylesheet/less" type="text/css" href="home.less.css">
   <title>!eugaeL eht nioJ ~ !eugaeL eht nioJ ~ !eugaeL eht nioJ</title>
   <script src="lib/html5shiv.js"></script>
   <script src="lib/less.js"></script>
</head>

您的HTML应如下所示:

<!DOCTYPE html>
<html>    
    <head> 
        <meta charset="utf-8"> 
        <link rel="stylesheet/less" type="text/css" href="home.less.css">
        <title>!eugaeL eht nioJ ~ !eugaeL eht nioJ ~ !eugaeL eht nioJ</title>
        <script src="lib/html5shiv.js"></script>
        <script src="lib/less.js"></script>
        <script src="lib/jq_w_plugins.js"></script>
        <script src="home.js"></script>
        <script src="lib/forkit.js"></script><script>
          $('.forkit-curtain').css({position: 'absolute', bottom: 0, left: 0, margin: '-1.5in 0 0'});
        </script>
        <style>.prefetch { display: none; } </style>
    </head>
<body>
    /* Body Contents */
</body>
</html>

答案 1 :(得分:0)

这是你的css链接:

<link rel="stylesheet" type="text/less" href="home.less.css">

这是它应该是什么

<link rel="stylesheet/less" type="text/css" href="home.less.css">