我读了一篇文章article by Harry Roberts ，在文章里Harry Roberts 介绍了关于CSS一个有趣的概念。 他认为在css属性中使用[]，可以帮助开发人员快速理解这些属性的功能。 他给出了下面的示例，证明使用[]可以使类更容易校验-更容易快速理解。以便于帮助理解它们的目的，达到一目了然。他给出了个例子，他认为可以使类描述更具可识别性（scannable） - 也就是说，更能一目了然:

<div class="[ foo  foo--bar ]  [ baz  baz--foo ]">

我必须承认，刚开始的时候非常不爽这个技术。这种给类一个命名比如 [ 和 ] 的想法，不但不符合 CSS，还在一个类属性里面不断做重复，而且这还似乎纯粹是给人类阅读而不是给浏览器阅读的，好吧，不对。我现在还是这样认为的，实际上，不过它让我更深入的思考了标记 & 语义，所以谢谢哈利!

我开始研究它的时候，有好多人都建议用类似的办法，比如说用 / (本・埃弗拉), 或者 | (斯蒂芬・诺兰),不过还是让人觉得不自然。我想到的是:

为毛你已经有那么多类了你还需要更多的类让它们变得可读?

因为，让它更清晰，疯了吧。可读，可识别的 HTML 确实是一个值得追求的目标，不过这种技术明显从根本上就破坏了基于类的样式。

文章转载自 开源中国社区 [http://www.oschina.net]