html - 命名部门ID我想要的任何东西

Question

抱歉问了这么一个基本问题。在 css 中将不同的 div 元素写入以后的 ID 和样式时，我可以随意命名它们吗？

<div id="middle"></div>

<div id="yellow box"></div>

<div id="my dog"></div>

<div id="the green hornet"></div>

谢谢。p

score 0 · Accepted Answer

是的，你可以使用你能想到的任何 ID。

在 JavaScript 中

当您想在某些旧浏览器（Internet Explorer 5-6）中通过其 ID 访问元素时，这曾经是一个限制，它添加了访问具有 ID 的元素的功能，例如：

document.all.middle // worked
document.all.yellow box // did not work (of course)

但是，此行为仅受 Internet Explorer 支持，不应使用。使用类似这样的东西来访问 JavaScript 中的元素：

document.getElementById('my dog').textContent = 'Hello';
document.getElementById('the green hornet') = 'World';

在 CSS 中

您需要在 CSS 中转义空格：

div#my weird spaced id {
  /* does not work */
}

div#my\ weird\ spaced\ id {
  /* works */
}

但是，这不适用于课程：

<div class="a b c">color me!</div>

div.a\ b\ c { color: red } /* does not work */

对于类，a b c表示“a 类、b 类和 c 类”。如果你真的必须以这种方式使用它们，你可以通过点符号来设置它们的样式：

`div.a.b.c { color: red } /* works */

最佳做法是将它们命名为破折号分隔，例如my-fancy-class,main-nav-header等。
如果您更喜欢 camelCase 或 underscore_notation，您也可以使用它们，但破折号分隔更为普遍。

1 回答 1