什么是css技术材料设计精简版(谷歌)实现的名称?

时间:2016-04-21 15:32:57

标签: css performance web frontend pagespeed

我听说,但是找不到任何要仔细检查的文档,当浏览器必须计算标签在文档中有ID或Classes时要应用哪个类时,这种技术有助于减少CSS特有的计算机进程。 / p>

这是Google Material Design Lite的摘录,它使用了以下技术:

<!-- Colored FAB button -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">  
<i class="material-icons">add</i>
</button>

你会注意到班级

mdl-button

这个基本上用作ID。而

mdl-button--colored

是上面提到的ID,类

colored

所以,实际上这与:

相同
#mdl-button.colored

不同之处在于计算机不必使用ID和Class处理特异性,因为现在我们只有一个唯一的类。

再次......问题是&#34;这种技术如何被称为&#34; 或者如果没有名称,也许某人可以发布链接到文档的链接,这些文档深入解释了这个概念?

干杯!

2 个答案:

答案 0 :(得分:2)

您可能想要查看CSS的块元素修饰符方法。它背后的想法可以帮助您在前端实现可重用的组件和代码共享。

BEM CSS

查看此链接以获取更多信息:

http://getbem.com/introduction/

答案 1 :(得分:0)

后代,子女或邻近,以及过于合格的选择者

Google表示不使用这些内容。