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

Question

Если бы он сказал "oneword", то я мог бы написать "#oneword", но что мне писать, если в слове есть пробел?

Answer 1

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

[РЕДАКТИРОВАТЬ] Как уже отмечали другие, вы можете обойти это, назначив одно или несколько имен классов для div и используя имя класса для выбора.

Answer 2

Вы не можете иметь несколько слов для идентификатора, но вы можете для класса.

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

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

Answer 3

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

Answer 4

Измените его на два слова. Как говорили другие, вы не можете использовать пробелы для идентификатора, но вы можете использовать для класса.

#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 = 'two words'] {

}

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

Answer 6

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

.two{
}

.words{
}

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