时间戳

首页 > 解决方案 > 为什么 CSS 属性值在标签本身中使用字符串而不在规则中表示？

html - 为什么 CSS 属性值在标签本身中使用字符串而不在规则中表示？

问题描述

我正在学习 HTML/CSS 课程，而我的教授不在样式表中使用字符串，但在标记中的属性时使用。例如：

#name{
     color: blue
}
<div id = "name"> ... </div>

去掉引号会改变什么吗？为什么会出现这种情况？

标签： htmlcss

解决方案

如果您不将类 ID 放在引号中，它们可能会起作用，但可能会导致麻烦。这里还有一篇关于 SO 的文章更详细。使用代码验证器时，您的代码也可能会被标记。

无论你最终使用什么，保持一致性可能是件好事，尤其是在协作工作时——并就团队中的标准方法达成一致。

作为使用和不使用它的示例，我修改了您的代码以进行演示。

#name {
  color: blue;
  width: 10em;
  height: 10em;
  background: yellow;
}

.box {
  border: 1px solid red;
}
<div id="name" class=box> ... </div>

推荐阅读