如果html显示<；div id="；“两个字”；，如何在样式表中编写CSS选择器？

如果它说“一个单词”，那么我可以写“一个单词”，但是如果单词中有空格，我该写什么呢？

id不能有多个单词，但类可以有多个单词

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

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

lalalala
.一{
颜色：黑色；
}
.二{
字体大小：粗体；
}    

如果它包含空格，则它不是合法的HTML。你不应该指望这会奏效。以下是本规范的相关章节

---

[编辑]正如其他人所指出的，您可以通过将一个或多个类名分配给div并使用类名进行选择来解决此问题。

您不应该在ID元素中使用空格，因为空格通常被认为是一个单词。

将其更改为两个单词。正如其他人所说，不能将空格用于id，但可以将空格用于类

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

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

#两个单词{font-family:arial；}
.center{text align:center；}
.bold{font-weight:bold；}
这里的东西

如果您使用像Artisteer这样的IDE创建网站，您可以看到一个工作的

id=“two words”

，它将成为一个类

.two{
}

.words{
}

我不知道这是否是一个好的做法，但它是有效的。

这样写

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

}

---

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

拥有两个ID就像拥有两个社会保险号码。或者，如果你试图针对一个同时拥有两个类的元素，

.one.two{color:black；font-weight:bold；}

这个答案对4年前提出和回答的问题没有提供新的信息……使用带有空格的

ID

不是很干净。但如果这是绝对必要的，这实际上是可行的！美好的