css - {} 是什么。在 CSS 选择器之前是什么意思？

Question

我在处理一些 CSS 文件时发现了这个:

{}.foo { color: red }

有谁知道为什么 {}. 在 Chrome 中有效，即使它不是正确的语法？它只是被忽略了，还是意味着什么？我还没有找到关于它的文档。

这是一个JSFiddle以我为例。

h1 {
  color: #f00;
}

{}.ll {
  color: green;
}

<h1>Hello world!</h1>

<p class="ll">This is a demo app that shows how to Fiddle with Firefox OS using JSFiddle! Please fork me and make wonderful things</p>

Answer 1

我不知道为什么它会出现在您找到的代码示例中，但它没有做任何有用的事情。

CSS 规则之间不需要空格:

.a{color:red}.b{color:blue}.c{color:green}

<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>

没有关联选择器的规则(或定界符)将被忽略:

.a{color:red}{color:blue}.c{color:green}

<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>

将它们放在您的 {}.foo{color:red} 中，领先的 {} 变成一个空规则 block ，不应用于任何元素；解析器继续将 .foo{...} 视为应用于具有类“foo”的元素的普通 CSS。