В чем отличие записи?
Какая разница между записями:
.logo, slogan {
float: left;
}
и
.logo, .slogan {
float: left;
}
Источник: Stack Overflow на русском
Ответы
Если точки нет, то это обращение к тегу (такому как <div>, <p>, <span> и т.д.) В вашем случай - селектор должен быть <slogan>
Если точка есть - это обращение к классу (<div class="slogan">, <p class="slogan">, <span class="slogan"> и т.д.)
В первом случае стили задаются для тега slogan, а во втором для класса slogan. Обращайте внимание на точки в css записях