Less 将规则集传递给Mixins.pdfVIP

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Less 将规则集传递给Mixins

Less 将规则集传递给Mixins 描述 分离的规则集包含⼀个普通的规则集,如属性,嵌套规则集,变量声明,mixins等。 它存储在⼀个变量中,并包含到 他结构中, 中规则集的所有属性都将被复制到该 结构。 例⼦ 以下⽰例将规则集传递到LESS⽂件中的mixin: passing_ruleset.htm !doctype html head link rel=stylesheet href=style.css type=text/css / /head body div class=cont h2Welcome to W3 school/h2 pThe largest Tutorials Library on the web./p /div /body /html 接下来,创建⽂件 style .less style.less @detached-ruleset: { .mixin() { font-family : omic Sans MS; background-color: #AA86EE; } }; .cont { @detached-ruleset(); .mixin(); } 您可以使⽤以下命令将 style .less ⽂件编译为 style .css : lessc style.less style.css 接下来执⾏上⾯的命令,它将⽤下⾯的代码⾃动创建 style .css ⽂件: style.css .cont { font-family : omic Sans MS; background-color: #AA86EE; } 输出 让我们执⾏以下步骤,看看上⾯的代码如何⼯作: 将上述html代码保存在 passing_ruleset.htm ⽂件中。 在浏览器中打开此HTML⽂件,将显⽰如下输出。 范围 分离的规则集中的所有变量和混合宏在被调⽤或定义的地⽅都可⽤,否则调⽤者和定 义范围都可⽤。 当两个范围包含相同的mixin或variable时,声明范围获取优先级。 分 离的规则集体在声明范围中定义。 在将分离的规则集从⼀个变量复制到另⼀个变量 后,它不会更改 范围。 下表列出了所有类型的范围: S.N. 类型及描述 定义和调⽤范围可见性 1 变量和mixin在分离的规则集中定义。 引⽤将不会修改 离的规则集范围 2 仅仅给出引⽤,规则集不访问任何新的范围。 解锁将修改 离的规则集范围 3 分离的规则集可以通过导⼊到范围中来访问。 W3Cschool ( )最⼤的技术知识 享与学习平台 此篇内容来⾃于 ⽹站⽤户上传并发布。

文档评论(0)

hhuiws1482 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

版权声明书
用户编号:5024214302000003

1亿VIP精品文档

相关文档