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

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

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

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

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

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

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

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

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

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

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

.two{
}

.words{
}

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

Напишите как это

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

}

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