Question

我正在编辑我继承的网站，我看到了一个我不认识的css语法。

之前有没有人见过这种语法？样式中的方括号是什么意思？

谢谢，Rob

.trigger-txt-left {
 color: #0455A3;
 font-family: 'OpenSans';
 float: left;
 font-size: 16px;
 font-weight: bolder;
 width: 235px;

[font-family: 'OpenSans';
 font-family: 'HelveticaNeue-Bold';]
[font-weight: bolder;
 font-weight: normal;]
}

Answer 1

简短的回答是，没有。它们不是有效的CSS。

虽然猜测，也许这个人正在使用一些代码在其他地方选择正确的代码，例如，某些PHP可能正在读取它，然后解析出[和]然后选择正确的财产。

或者，他们可能没有意识到使用/* */风格的评论，或者他们认为他们通过确保以这种方式无效而变得聪明。

更有可能虽然这是一个错误，可能是从某个地方复制和粘贴的。

Answer 2

TL; DR - 无效CSS

在这种情况下查看CSS规范可能会有所帮助。 4.1.8 Declarations and properties声明“属性名称是标识符”。而section on identifiers syntax解释说：

在CSS中，标识符（包括选择器中的元素名称，类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高，加上连字符（ - ）和下划线（_）;它们不能以数字，两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码（请参阅下一项）。例如，标识符“B＆amp; W？”可以写成“B \＆amp; W \？”或“B \ 26 W \ 3F”。

...其中不包含[字符（请参阅Unicode character table），因此标识符（在本例中为块中CSS属性的名称）[font-family: 'OpenSans';\nfont-family: 'HelveticaNeue-Bold';]为无效。

css样式中的方括号是做什么的？

2 个答案: