了解单/多类模式

我努力理解标题“的‘多级’模式”根据本款...

我发现它是一个更具可扩展性的模式。例如，采用基本btn组件并添加另外5种类型的按钮和3个额外的尺寸。使用“多类”模式，最终可以混合和匹配9个类。使用“单班”模式，你最终会有24班。

当他说走BTN成分，并添加按钮的另外5种，他确实意味着作为独立的课程，如BTN-危险，BTN-主要等，如果以何种上下文是3个额外的大小？

如果有人能够解释他如何使用“多等级”模式到达9班，使用“单班”模式到达24班，这将非常有帮助。

对不起，如果我错过了这里明显的东西或未能掌握一个简单的概念。

感谢您的帮助！

2014-01-09 dntz

我认为他所得到的是，在“单班”计划下，每个可能的组合需要一个“组合”类。所以，以下的他的例子 “和碱BTN组件添加另外的5种类型的按钮的和3种另外的尺寸”：

多类（9）

.btn大型

<a href="http://google.com/" class="btn btn-primary btn-large"> 
    Example multi-class link 
</a>

单级（24）

.btn-警告 - 大

<a href="http://google.com/" class="btn-primary-large"> 
    Example single-class link 
</a>

我想，这使得它非常显而易见的，为什么第一种方法是更灵活，更易于维护。

2014-01-09 22:38:23

谢谢你，让知府感吧！我认为，如果他想说的话，按照“添加5种类型的按钮以及每增加3种尺寸”这样的话，对我来说就会更容易理解。 – dntz

你的示例多级链接应该是“btn btn-primary btn-large”吗？目前这是一个班级。 – davidpauljunior

@davidpauljunior - 你说得对，我编辑了第二个例子。 –

大概连尤为明显。将利用青菜的力量，你的回应做

.whatever-name { 
    @extend %btn; 
    @extend %btn-primary; 
    @extend %btn-large; 
}

2014-03-11 21:51:00

回答