Html 在元素'；中使用（方）括号的原因是什么；她姓什么？

我对bootstrap 3模板中的这句话感到非常惊讶，我不知道它们之间的区别是什么

class="[ col-xs-12 col-sm-offset-1 col-sm-5 ]"   

及

---

你能告诉我更多关于这个括号的含义的细节吗？以及使用括号时的一些情况吗？

这只不过是为了对类进行分组而将类直观地分开而已

你举的例子两者做的完全一样

类属性中允许使用括号，只要括号和类本身之间有空格，括号在技术上是有效的

关于这项技术的更多信息可以在上找到，对于子孙后代，这里有一段摘录，解释他是如何使用这项技术的：

它的工作原理

关于如何以及何时开始分组，没有硬性规定 你的课程，但我为自己设定的指导原则是：

必须有多个类的“集合”。一个“集合”必须包含 不止一门课。这基本上只是把那些 需要它，例如：

<!-- Only one set. Nothing needs grouping. -->
<div class="foo  foo--bar">

<!-- Two sets, but only one class in each. Nothing needs grouping. -->
<div class="foo  bar">

<!-- Two sets, one of which contains more than one class. This set needs grouping. -->
<div class="[ foo  foo--bar ]  baz">

<!-- Two sets, both of which contain more than one class. These sets needs grouping. -->
<div class="[ foo  foo--bar ]  [ baz  baz--foo ]">

你如何将他们分组 可以完全由你选择，这里的概念只是处理事实 我们完全是在分组

---

基本上，它只是为了让代码更好的可读性

根据：

~！@$%^&*( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

仅在类选择器中无效，但仅在类属性中使用时有效。如果仍要为类选择器添加上述字符之一，则需要使用

\

对其进行转义，该转义看起来像：

\[

用于字符

[

---

我真的比我更喜欢来自的答案-仍然是可读性的相同想法，但有更多的细节以及如何使用的参考。

来自您链接的问题的一部分：“CSS中除了NUL以外的任何字符都可以作为CSS类名”。您可以在类选择器中使用

[

，但必须避开它：

\[/code>（）.是的，你是对的-但只有在你逃避它的情况下。只写：
[
会引起问题-但我会在这个答案中添加这个逃避的提示。
<!-- Only one set. Nothing needs grouping. -->
<div class="foo  foo--bar">

<!-- Two sets, but only one class in each. Nothing needs grouping. -->
<div class="foo  bar">

<!-- Two sets, one of which contains more than one class. This set needs grouping. -->
<div class="[ foo  foo--bar ]  baz">

<!-- Two sets, both of which contain more than one class. These sets needs grouping. -->
<div class="[ foo  foo--bar ]  [ baz  baz--foo ]">

~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #