Если html говорит <div id = "два слова", как написать селектор CSS в таблице стилей?

Ответ 1

Если он содержит пробелы, это не легальный HTML. Вы не должны ожидать, что это сработает. Ниже приведен соответствующий раздел спецификации HTML 4.01.

[EDIT] Как уже отмечали другие, вы можете обойти это, назначив одному или нескольким именам классов в div и используя имя класса для выбора.

Ответ 2

У вас не может быть нескольких слов для id, но вы можете для класса.

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

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

Ответ 3

Вы не должны использовать пробелы в элементе идентификатора, так как пробелы обычно принимаются как комбинатор .

Ответ 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>

Ответ 5

Напиши так

div [id = 'два слова'] {

}

это признает id как комбинацию как "двух", так и "слов".

Ответ 6

Если вы создаете веб-сайты с такими IDE, как Artisteer, вы можете увидеть рабочий id="two words", который станет классом

.two{
}

.words{
}

Я не знаю, является ли это хорошей практикой, но она работает.