Less 是一种动态样式语言,它可以用来查找字符串。Less 是一种 CSS 预处理器,它可以帮助开发者更快地开发和维护 CSS 代码。Less 允许开发者使用变量、函数、运算和混合来创建样式表,从而使代码更易于阅读、维护和重用。
Less 支持字符串的查找,其中包含了一些内置函数:indexOf() 和 replace()。indexOf() 函数用于在字符串中查找子字符串的位置;replace() 函数用于将字符串中的子字符串替换成新的子字符串。
@string: "Hello World"; @index: indexOf(@string, "World"); // @index = 6; @newString: replace(@string, "World", "CSS"); // @newString = "Hello CSS";
本节将介绍 Less 字符串函数。
Less支持以下列出的一些字符串函数:
逃逸
e
%格式
更换
下表描述了上述字符串函数及其说明。
S.N. | 类型及描述 | 例子 |
---|---|---|
1 | Escape 它通过对特殊字符使用URL编码来对字符串或信息进行编码。 您无法编码一些字符,例如,, / ,? , @ ,& , + ,〜,! , $ ,"和您可以编码的一些字符,例如 ,#, > ^ ,(,), {,} ,: >,> ,,] , [和 = 。 |
escape("Hello!! welcome to Tutorialspoint!") 它输出转义字符串为: Hello%21%21%20welcome%20to%20Tutorialspoint%21 |
2 | e 它是一个字符串函数,它使用string作为参数,并返回不带引号的信息。 它是一个CSS转义,它使用〜“一些内容"转义的值和数字作为参数。 |
filter: e("Hello!! welcome to Tutorialspoint!"); 它输出转义字符串为: filter: Hello!! welcome to Tutorialspoint!; |
3 | % format 此函数格式化一个字符串。 它可以写成以下格式: %(string,arguments ...) |
format-a-d: %("myvalues: %a myfile: %d", 2 + 3, "mydir/less_demo.less"); 它输出格式化的字符串为: format-a-d: "myvalues: 5 myfile: "mydir/less_demo.less""; |
4 | replace
它用于替换字符串中的文本。 它使用一些参数:
|
replace("Welcome, val?", "val?", "to Tutorialspoint!"); 它将字符串替换为: "Welcome, to Tutorialspoint!" |
使用命令行,我们可以将 .less 文件编译为 .css 。安装lessc以供全局使用以下命令用于使用npm(node package manager)安装lessc,...
使用了CSS3 border-radius属性的界面显示如下图: CSS3 圆角使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。您可...
CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。CSS3动画CSS3 @keyframes 规则表格中的数字表...
本章节我们为大家介绍使用 CSS 来制作按钮。基本按钮样式默认按钮CSS 按钮CSS 实例.button { background-color: #4CAF50; border...
CSS Margin(外边距) CSS Margin (外边距)属性定义元素周围的空间。CSS Margin 属性接受任何长度单位、百分数值甚至负值。Margin ...
HTML meta 标签content 属性可以使用的值依赖于 meta 标签中name和httpEquiv属性的值。实例描述 HTML 文档内的元数据:headmeta ...
HTML fieldset 标签如果一组表单元素使用了 disabled 属性,则这组表单元素将被禁用,请参考下述的示例:实例禁用一组相关的表单...
实例HTML5 pre标签可以对文档中的文本进行预格式化。请参考下述示例:预格式化的文本:pre此例演示如何使用 pre 标签对空行和 空...