如果html说<div id ="两个单词",我如何在样式表中编写CSS选择器？

Question

如果它说"oneword",那么我可以写"#oneword",但是当单词中有空格时我该写什么？

Answer 1

如果它包含空格,则不是合法的HTML.你不应该期望这个工作.以下是HTML 4.01规范的相关部分.

[编辑]正如其他人所说,你可以通过为div分配一个或多个类名并使用类名进行选择来解决这个问题.

Answer 2

你不能为id有多个单词,但你可以上课.

<p class="one two">lalala</p>

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

Answer 3

您不应在ID元素中使用空格,因为空格通常被接受为选择器组合子.

Answer 4

将其更改为两个单词。就像其他人说的那样，您不能为ID使用空格，但可以为类使用空格。

#two-words { font-family: arial; }
.center { text-align: center; }
.bold { font-weight: bold; }

<div id="two-words" class="center bold">STUFF HERE</div>

Answer 5

像这样写

div [id ='两个单词'] {

}

这会将ID识别为“两个”和“单词”的组合。