Less 快速入门 | Less.js 中文文档 - Less 中文网

网站标签

该站未曾设置keywords

---

网站描述

Less扩充了CSS语言，增加了诸如变量、混合（mixin）、运算、函数等功能。Less既可以运行在服务器端（Node.js和Rhino平台）也可以运行在客户端（浏览器）。

---

上一篇：优草派 - 专业的留学服务平台

下一篇：vps云主机和独立服务器有什么区别_团队和群聊有什么区别？-华为云

seo综合信息

SEO信息	百度来访IP：32 | 移动端来访IP：0~0 | 出站链接：4 | 站内链接：27
IP网速：	IP地址：118.253.171.20 [中国湖南怀化 电信] | 网速：707毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	豫B2-20070002 | 名称：郑州紫田网络科技有限公司 | 已创建：11年6个月24天

收录	百度	360	搜狗	谷歌
查询	17	0	0	0

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
80	0	电脑端优秀	1	0	0

协议类型HTTP/1.1 200 OK 页面类型text/html 服务器类型nginx 是否压缩是 原网页大小30116 压缩后大小8200 压缩比72.77%

网站快照

L e s s 快 速 入 门 | L e s s . j s 中 文 文 档 L e s s 中 文 网 给 C S S 加 点 料 。 在 N o d e . j s 环 境 中 使 用 L e s s ： n p m i n s t a l l g l e s s > l e s s c s t y l e s . l e s s s t y l e s . c s s 在 浏 览 器 环 境 中 使 用 L e s s ： 请 查 看 L e s s . j s 更 新 日 志 概 览 变 量 （ V a r i a b l e s ） 混 合 （ M i x i n s ） 嵌 套 （ N e s t i n g ） @ 规 则 嵌 套 和 冒 泡 运 算 （ O p e r a t i o n s ） c a l c ( ) 特 例 转 义 （ E s c a p i n g ） 函 数 （ F u n c t i o n s ） 命 名 空 间 和 访 问 符 映 射 （ M a p s ） 作 用 域 （ S c o p e ） 注 释 （ C o m m e n t s ） 导 入 （ I m p o r t i n g ） T o g g l e n a v i g a t i o n 首 页 快 速 入 门 L e s s . j s 用 法 L e s s 函 数 手 册 进 阶 指 南 工 具 A b o u t G i t H u b D o c s R e p o D o c s I s s u e s L e s s R e p o L e s s I s s u e s 英 文 官 网 概 览 L e s s （ L e a n e r S t y l e S h e e t s 的 缩 写 ） 是 一 门 向 后 兼 容 的 C S S 扩 展 语 言 。 这 里 呈 现 的 是 L e s s 的 官 方 文 档 （ 中 文 版 ） ， 包 含 了 L e s s 语 言 以 及 利 用 J a v a S c r i p t 开 发 的 用 于 将 L e s s 样 式 转 换 成 C S S 样 式 的 L e s s . j s 工 具 。 因 为 L e s s 和 C S S 非 常 像 ， 因 此 很 容 易 学 习 。 而 且 L e s s 仅 对 C S S 语 言 增 加 了 少 许 方 便 的 扩 展 ， 这 就 是 L e s s 如 此 易 学 的 原 因 之 一 。 有 关 L e s s 语 言 特 性 的 详 细 文 档 ， 请 参 阅 L e s s 语 言 特 性 章 节 有 关 L e s s 内 置 函 数 的 列 表 ， 请 参 阅 L e s s 函 数 手 册 章 节 有 关 详 细 的 使 用 说 明 ， 请 参 阅 L e s s . j s 用 法 章 节 有 关 第 三 方 工 具 的 详 细 信 息 ， 请 参 阅 工 具 章 节 L e s s 到 底 为 C S S 添 加 了 什 么 功 能 ？ 以 下 就 是 这 些 新 加 功 能 的 概 览 。 变 量 （ V a r i a b l e s ） 无 需 多 说 ， 看 代 码 一 目 了 然 ： @ w i d t h : 1 0 p x ; @ h e i g h t : @ w i d t h + 1 0 p x ; # h e a d e r 编 译 为 ： # h e a d e r 了 解 关 于 变 量 的 更 多 信 息 混 合 （ M i x i n s ） 混 合 （ M i x i n ） 是 一 种 将 一 组 属 性 从 一 个 规 则 集 包 含 （ 或 混 入 ） 到 另 一 个 规 则 集 的 方 法 。 假 设 我 们 定 义 了 一 个 类 （ c l a s s ） 如 下 ： . b o r d e r e d 如 果 我 们 希 望 在 其 它 规 则 集 中 使 用 这 些 属 性 呢 ？ 没 问 题 ， 我 们 只 需 像 下 面 这 样 输 入 所 需 属 性 的 类 （ c l a s s ） 名 称 即 可 ， 如 下 所 示 ： # m e n u a . p o s t a . b o r d e r e d 类 所 包 含 的 属 性 就 将 同 时 出 现 在 # m e n u a 和 . p o s t a 中 了 。 （ 注 意 ， 你 也 可 以 使 用 # i d s 作 为 m i x i n 使 用 。 ） 了 解 关 于 混 合 （ M i x i n ） 的 更 多 信 息 嵌 套 （ N e s t i n g ） L e s s 提 供 了 使 用 嵌 套 （ n e s t i n g ） 代 替 层 叠 或 与 层 叠 结 合 使 用 的 能 力 。 假 设 我 们 有 以 下 C S S 代 码 ： # h e a d e r # h e a d e r . n a v i g a t i o n # h e a d e r . l o g o 用 L e s s 语 言 我 们 可 以 这 样 书 写 代 码 ： # h e a d e r . l o g o } 用 L e s s 书 写 的 代 码 更 加 简 洁 ， 并 且 模 仿 了 H T M L 的 组 织 结 构 。 你 还 可 以 使 用 此 方 法 将 伪 选 择 器 （ p s e u d o s e l e c t o r s ） 与 混 合 （ m i x i n s ） 一 同 使 用 。 下 面 是 一 个 经 典 的 c l e a r f i x 技 巧 ， 重 写 为 一 个 混 合 （ m i x i n ） ( / / 结 果 是 6 c m @ c o n v e r s i o n 2 : 2 3 c m 5 m m ; / / 结 果 是 1 . 5 c m / / c o n v e r s i o n i s i m p o s s i b l e @ i n c o m p a t i b l e u n i t s : 2 + 5 p x 3 c m ; / / 结 果 是 4 p x / / e x a m p l e w i t h v a r i a b l e s @ b a s e : 5 % ; @ f i l l e r : @ b a s e * 2 ; / / 结 果 是 1 0 % @ o t h e r : @ b a s e + @ f i l l e r ; / / 结 果 是 1 5 % 乘 法 和 除 法 不 作 转 换 。 因 为 这 两 种 运 算 在 大 多 数 情 况 下 都 没 有 意 义 ， 一 个 长 度 乘 以 一 个 长 度 就 得 到 一 个 区 域 ， 而 C S S 是 不 支 持 指 定 区 域 的 。 L e s s 将 按 数 字 的 原 样 进 行 操 作 ， 并 将 为 计 算 结 果 指 定 明 确 的 单 位 类 型 。 @ b a s e : 2 c m * 3 m m ; / / 结 果 是 6 c m 你 还 可 以 对 颜 色 进 行 算 术 运 算 ： @ c o l o r : ( # 2 2 4 4 8 8 / 2 ) ; / / 结 果 是 # 1 1 2 2 4 4 b a c k g r o u n d c o l o r : # 1 1 2 2 4 4 + # 1 1 1 ; / / 结 果 是 # 2 2 3 3 5 5 不 过 ， 你 会 发 现 L e s s 提 供 的 色 彩 函 数 更 有 用 。 F r o m 4 . 0 , N o d i v i s i o n i s p e r f o r m e d o u t s i d e o f p a r e n s u s i n g / o p e r a t o r . @ c o l o r : # 2 2 2 / 2 ; / / r e s u l t s i n ` # 2 2 2 / 2 ` , n o t # 1 1 1 b a c k g r o u n d c o l o r : ( # F F F F F F / 1 6 ) ; / / r e s u l t s i s # 1 0 1 0 1 0 Y o u c a n c h a n g e M a t h s e t t i n g , i f y o u w a n t t o m a k e i t a l w a y s w o r k , b u t n o t r e c o m m e n d e d . c a l c ( ) 特 例 R e l e a s e d v 3 . 0 . 0 为 了 与 C S S 保 持 兼 容 ， c a l c ( ) 并 不 对 数 学 表 达 式 进 行 计 算 ， 但 是 在 嵌 套 函 数 中 会 计 算 变 量 和 数 学 公 式 的 值 。 @ v a r : 5 0 v h / 2 ; w i d t h : c a l c ( 5 0 % + ( @ v a r 2 0 p x ) ) ; / / 结 果 是 c a l c ( 5 0 % + ( 2 5 v h 2 0 p x ) ) 转 义 （ E s c a p i n g ） 转 义 （ E s c a p i n g ） 允 许 你 使 用 任 意 字 符 串 作 为 属 性 或 变 量 值 。 任 何 ~ a n y t h i n g 或 ~ a n y t h i n g 形 式 的 内 容 都 将 按 原 样 输 出 ， 除 非 i n t e r p o l a t i o n 。 @ m i n 7 6 8 : ~ ( m i n w i d t h : 7 6 8 p x ) ; . e l e m e n t } 编 译 为 ： @ m e d i a ( m i n w i d t h : 7 6 8 p x ) } 注 意 ， 从 L e s s 3 . 5 开 始 ， 可 以 简 写 为 ： @ m i n 7 6 8 : ( m i n w i d t h : 7 6 8 p x ) ; . e l e m e n t } 在 L e s s 3 . 5 + 版 本 中 ， 许 多 以 前 需 要 “ 引 号 转 义 ” 的 情 况 就 不 再 需 要 了 。 函 数 （ F u n c t i o n s ） L e s s 内 置 了 多 种 函 数 用 于 转 换 颜 色 、 处 理 字 符 串 、 算 术 运 算 等 。 这 些 函 数 在 L e s s 函 数 手 册 中 有 详 细 介 绍 。 函 数 的 用 法 非 常 简 单 。 下 面 这 个 例 子 将 介 绍 如 何 利 用 p e r c e n t a g e 函 数 将 0 . 5 转 换 为 5 0 % ， 将 颜 色 饱 和 度 增 加 5 % ， 以 及 颜 色 亮 度 降 低 2 5 % 并 且 色 相 值 增 加 8 等 用 法 ： @ b a s e : # f 0 4 6 1 5 ; @ w i d t h : 0 . 5 ; . c l a s s 参 见 ： 函 数 手 册 命 名 空 间 和 访 问 符 ( 不 要 和 C S S @ n a m e s p a c e 或 n a m e s p a c e s e l e c t o r s 混 淆 了 ) 。 有 时 ， 出 于 组 织 结 构 或 仅 仅 是 为 了 提 供 一 些 封 装 的 目 的 ， 你 希 望 对 混 合 （ m i x i n s ） 进 行 分 组 。 你 可 以 用 L e s s 更 直 观 地 实 现 这 一 需 求 。 假 设 你 希 望 将 一 些 混 合 （ m i x i n s ） 和 变 量 置 于 # b u n d l e 之 下 ， 为 了 以 后 方 便 重 用 或 分 发 ： # b u n d l e ( ) } . t a b . c i t a t i o n } 现 在 ， 如 果 我 们 希 望 把 . b u t t o n 类 混 合 到 # h e a d e r a 中 ， 我 们 可 以 这 样 做 ： # h e a d e r a 注 意 ： 如 果 不 希 望 它 们 出 现 在 输 出 的 C S S 中 ， 例 如 # b u n d l e . t a b ， 请 将 ( ) 附 加 到 命 名 空 间 （ 例 如 # b u n d l e ( ) ） 后 面 。 映 射 （ M a p s ） 从 L e s s 3 . 5 版 本 开 始 ， 你 还 可 以 将 混 合 （ m i x i n s ） 和 规 则 集 （ r u l e s e t s ） 作 为 一 组 值 的 映 射 （ m a p ） 使 用 。 # c o l o r s ( ) . b u t t o n 输 出 符 合 预 期 ： . b u t t o n 参 见 ： 映 射 （ M a p s ） 作 用 域 （ S c o p e ） L e s s 中 的 作 用 域 与 C S S 中 的 作 用 域 非 常 类 似 。 首 先 在 本 地 查 找 变 量 和 混 合 （ m i x i n s ） ， 如 果 找 不 到 ， 则 从 “ 父 ” 级 作 用 域 继 承 。 @ v a r : r e d ; # p a g e } 与 C S S 自 定 义 属 性 一 样 ， 混 合 （ m i x i n ） 和 变 量 的 定 义 不 必 在 引 用 之 前 事 先 定 义 。 因 此 ， 下 面 的 L e s s 代 码 示 例 和 上 面 的 代 码 示 例 是 相 同 的 ： @ v a r : r e d ; # p a g e @ v a r : w h i t e ; } 参 见 ： 懒 加 载 注 释 （ C o m m e n t s ） 块 注 释 和 行 注 释 都 可 以 使 用 ： / * 一 个 块 注 释 * s t y l e c o m m e n t ! * / @ v a r : r e d ; / / 这 一 行 被 注 释 掉 了 ！ @ v a r : w h i t e ; 导 入 （ I m p o r t i n g ） “ 导 入 ” 的 工 作 方 式 和 你 预 期 的 一 样 。 你 可 以 导 入 一 个 . l e s s 文 件 ， 此 文 件 中 的 所 有 变 量 就 可 以 全 部 使 用 了 。 如 果 导 入 的 文 件 是 . l e s s 扩 展 名 ， 则 可 以 将 扩 展 名 省 略 掉 ： @ i m p o r t l i b r a r y ; / / l i b r a r y . l e s s @ i m p o r t t y p o . c s s ; 了 解 更 多 关 于 导 入 ( I m p o r t i n g ) 的 知 识 L e s s 及 其 英 文 文 档 由 L e s s 核 心 开 发 小 组 维 护 。 D o c u m e n t a t i o n s o u r c e c o d e r e l e a s e d u n d e r t h e M I T L i c e n s e , d o c u m e n t a t i o n u n d e r C C B Y 3 . 0 . 当 前 版 本 v 4 . 1 . 3 · L e s s L a n g u a g e a n d C o m p i l e r I s s u e s · L e s s D o c s I s s u e s · C h a n g e l o g

站点概括

关于less.bootcss.com说明：
less.bootcss.com由网友主动性提交被发布池整理收录的，发布池仅提供less.bootcss.com的基础信息并免费向大众网友展示，less.bootcss.com的是IP地址：118.253.171.20 [中国湖南怀化 电信]，less.bootcss.com的百度权重为1、百度手机权重为0、百度收录为17条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在32之间、百度手机端来访流量大约在0~0之间、less.bootcss.com的备案号是豫B2-20070002、备案人叫郑州紫田网络科技有限公司、被百度收录的关键词有80个、手机端关键词有0个、该站点迄今为止已经创建11年6个月24天。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.fabuchi.com/links/3becfeae1504fa4c4b59.html，复制请保留版权链接！

---