Проблема с CSS - Баккгроунд Колор

У меня есть следующий код:

.llamativo{
	border-left: 1px double darkgray;
	border-bottom: 1px double darkgray;
	box-shadow: 0 0 5px inset;
	border-radius: 4px;
	font-weight: bold;
	font-size: 22px;
	padding: 10px;
	margin: 5px 0;
}
.llamativo .pred{
	background-color: #eee!important;
}
.llamativo .rojo{
	background-color: #ce0005!important;
}
.llamativo .azul{
	background-color: #0082bf!important;
}
.llamativo .piel{
	background-color: #eecc86!important;
}
<h1 class="llamativo azul">Título</h1>

Классы .rojo .azul .pred .piel не применяются, я не понимаю porqué. Я называю их, как это пример Snippet, но не функционирует.

3
задан 10.01.2017, 20:32
0 ответов

Они не называются, потому что второй класс не находится в последующем элементе, ты был бы должен снимать место после .llamativo оставляя это таким образом .llamativo.color

.llamativo{
	border-left: 1px double darkgray;
	border-bottom: 1px double darkgray;
	box-shadow: 0 0 5px inset;
	border-radius: 4px;
	font-weight: bold;
	font-size: 22px;
	padding: 10px;
	margin: 5px 0;
}
.llamativo.pred{
	background-color: #eee!important;
}
.llamativo.rojo{
	background-color: #ce0005!important;
}
.llamativo.azul{
	background-color: #0082bf!important;
}
.llamativo.piel{
	background-color: #eecc86!important;
}
<h1 class="llamativo azul">Título</h1>
3
ответ дан 03.12.2019, 17:46

Это, из-за которого например класс .pred внутри CSS будь должен находиться внутри другого вызова .llamativo для того, чтобы оно ты функционировало, ты был бы должен удалять место, которое у тебя есть между селекторами например .llamativo.pred

1
ответ дан 03.12.2019, 17:46