zoukankan      html  css  js  c++  java
  • Sass代码重用----Sass占位符

    在Sass中,我们引入了占位符“%placeholder”来进一步优化“@extend”。

    举例:

     编译处理的css代码:

      这个例子中,我们是定义一个占位符“%btn”(占位符,都是以“%”开头)。我们对比一下这两个例子的输出结果就可以知道,使用占位符的输出结果是不包含基类的。

    但是,还是要注意:

      “占位符%placeholder”并非用来替换“继承@extend”的,而是用来配合“继承@extend”来使用的。从上面我们可以知道,继承@extend有2种输出方式:

        (1)需要保留基类的:只使用@extend来实现;

        (2)不需要保留基类的:使用@extend配合%placeholder来实现;

    如果html结构中,需要用到基类,就不需要使用占位符来去掉,如果需要使用到基类,就建议使用占位符来配合继承,来去掉

  • 相关阅读:
    手撕RPC框架
    关于JVM的一些冷知识
    luoguP2627 修剪草坪
    [USACO16OPEN]248
    luoguP1171 售货员的难题
    luoguP2016 战略游戏
    luoguP2422 良好的感觉
    POJ1160 [IOI2000]Post Office
    luoguP2015 二叉苹果树
    BZOJ1756 小白逛公园
  • 原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11634478.html
Copyright © 2011-2022 走看看