Question

我正在尝试学习bootstrap，我得到了@media和col-md-10等代表的东西，我检查了一些页面并偶然发现了类似的东西。

@media (min-width: 768px) .col-10\@md { width: 83.33333%; }

有人可以解释一下\@md部分找不到的地方，甚至不知道如何搜索它？

谢谢。

Answer 1

您正在查看的内容似乎是网站开发人员使用的命名惯例。

at符号@是CSS文件中的特殊字符。要按字面意思使用它，而不是调用它的特殊性，它需要使用反斜杠\进行转义。

使用转义@演示CSS：

＆＃13;

.an-\@example {
  width: 200px;
  height: 200px;
  background-color: rebeccapurple;
}

＆＃13;

<div class="an-@example"></div>

＆＃13;

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

CSS Specification: Characters and Case。

需要关于css

1 个答案: