blocks|key|1487471|text|id不能有多个单词，但class可以有多个单词。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1487472|<p+class="one+two">lalala

.one+{
++++color:+black;
}

.two+{
++++font-weight:+bold;
}++++|code-block|syntax|javascript|1487473|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can't have multiple words for the id, but you can for class.

<pre><code>&lt;p class="one two"&gt;lalala&lt;/p&gt;

.one {
 color: black;
}

.two {
 font-weight: bold;
} 
</code></pre>

blocks|key|1487502|text|如果它包含空格，则它不是合法的HTML。您不应该期望这会起作用。下面是HTML+4.01规范的相关部分。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1487503|正如其他人所指出的那样，您可以通过将一个或多个类名分配给div并使用类名进行选择来解决此问题。|1487504|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html401/types.html#type-name^0|Z|9|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

If it contains spaces, it is not legal HTML. You shouldn't expect this to work. Here is the relevant section of the <a href="http://www.w3.org/TR/html401/types.html#type-name" rel="noreferrer">HTML 4.01</a> specification.

[EDIT] As others have noted, you can get around this by assigning one or more class names to the div and using a class name to do the selection.

blocks|key|1487540|text|您不应该在ID元素中使用空格，因为空格通常被接受为selector+combinator。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1487541|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS21/selector.html#selector-syntax^0|P|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You should not use whitespace in the ID element, as whitespace is generally accepted as a <a href="http://www.w3.org/TR/CSS21/selector.html#selector-syntax" rel="noreferrer">selector combinator</a>.

blocks|key|1487580|text|将其更改为两个单词。正如其他人所说，您不能使用空格来表示id，但是可以使用空格来表示类。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1487581|#two-words+{+font-family:+arial;+}
.center+{+text-align:+center;+}
.bold+{+font-weight:+bold;+}

<div+id="two-words"+class="center+bold">STUFF+HERE</div>|code-block|syntax|javascript|1487582|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Change it to two-words. Like others said, you cannot use spaces for the id, but you can for the class.

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

&lt;div id="two-words" class="center bold"&gt;STUFF HERE&lt;/div&gt;
</code></pre>

blocks|key|1702699|text|如果你使用像Artisteer这样的IDE制作网站，你可以看到一个可以工作的id="two+words"，它变成了一个类|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1702700|.two{
}

.words{
}|code-block|syntax|javascript|1702701|我不知道这是不是一个好的做法，但它是有效的。|1702702|entityMap^0|12|E|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

If you make websites with IDEs like Artisteer, you can see a working <code>id="two words"</code> which becomes a class

<pre><code>.two{
}

.words{
}
</code></pre>

I don't know if this is a good practice, but it works.

blocks|key|1487667|text|像这样写|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1487668|divid=‘两个单词’{|1487669|}|1487670|这将把id识别为'two‘和'words’的组合。|1487671|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Write Like this 

div[id='two words']{

}

this will recognize the id as combination of both 'two' and 'words'.

blocks|key|1702808|text|这就是工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1702809|#two\+words+{

}|code-block|syntax|javascript|1702810|但是不要使用它，因为id的值不能包含空格(空格、制表符等)。浏览器将包含空格的不一致ID视为空格是ID的一部分。|1702811|阅读更多here|offset|length|1702812|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id^0|0|0|0|4|4|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

this is work,
<pre><code>#two\ words {

}
</code></pre>
don't use it though, cause id's value must not contain whitespace (spaces, tabs etc.). Browsers treat non-conforming IDs that contain whitespace as if the whitespace is part of the ID.
Read more <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id" rel="nofollow noreferrer">here</a>

If it said "oneword", then I could write "#oneword", but what do I write when there is a space in the word?

If the html says <div id="two words", how do I write the CSS selector in the style sheet?

如果它写的是"oneword"，那么我可以写"#oneword"，但是如果单词中有空格，我该怎么写呢？

问如果html显示<div CSS“two id=”，我该如何在样式表中编写CSS选择器？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果html显示<div CSS“two id=”，我该如何在样式表中编写CSS选择器？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果html显示<div CSS“two id=”，我该如何在样式表中编写CSS选择器？
EN