@import(reference)用于导入外部文件,但不会将导入的样式添加到编译的CSS文件中。 这是在版本1.5.0 中发布的。
以下示例演示了在LESS文件中使用reference关键字:
<html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <title>Import Options Reference</title> </head> <body> <h1>Welcome to Tutorialspoint</h1> <p>LESS is a CSS pre-processor that enables customizable, manageable and reusable style sheet for web site.</p> </body> </html>
接下来,创建文件 style.less 。
@import (reference) "//www..cn/statics/demosource/import_reference.less"; p { .style1; }
import_reference.less文件将从//www..cn/statics/demosource/import_reference.less导入到style.less。以下代码:
.style1 { color: #A0A0A0; font-family: "Comic Sans MS"; font-size: 20px; }
您可以使用以下命令将 style.less 编译为 style.css :
lessc style.less style.css
接下来执行上面的命令,它将用下面的代码自动创建 style.css 文件:
p { color: #A0A0A0; font-family: "Comic Sans MS"; font-size: 20px; }
让我们执行以下步骤,看看上面的代码如何工作:
在 import_options_reference.html 文件中保存上面的html代码。
在浏览器中打开此HTML文件,将显示如下输出。
描述svg-gradient是一种颜色到另一种颜色的转换。 它可以向同一元素添加许多颜色。 它包括至少三个参数:第一个参数标识渐变类型...
CSS链接HTML锚点链接可以使用CSS属性为其文本颜色,背景,字体等设置样式。以下代码将颜色样式添加到锚链接。a {color:red;}链接...
我们可以使用CSS伪类结合选择器来基于状态对元素进行样式化。例如:hover 将应用一个样式当用户将鼠标悬停在选择器指定的元素上时...
图片的居中显示 css 有很多方法,但在很多情况下有的方法无效,这是件很头疼的事情,比如一般设置图片属性text-align:center...
虽然该标签已经从 Web 标准中删除,但是某些浏览器还是支持它,您可以通过以下的实例来简单了解 frameset 标签的使用:实例简单...