Less 列表函数

  • 定义和使用

    LESS由列表函数组成,这些函数用于指定列表的长度和值在列表中的位置。
    下表列出了LESS中使用的List函数-
    序号 功能与说明 示例
    1
    Length
    它将以逗号或空格分隔的值列表作为参数。
    p { @list: "audi", "benz", "toyota","honda", "mahindra", "suzuki","volkswagen", "renault","bmw","tata","ford","skoda"; @val: length(@list); font-size:@val; }
    编译生成:
    p { font-size: 12; }
    2
    Extract
    它将返回列表中指定位置的值。
    p { @list: 10px, 20px, 30px, 40px; @val: extract(@list, 2); font-size:@val; color:#F79F81; }
    编译生成图片的大小尺寸:
    p { font-size: 20px; color: #F79F81; }