Селекторы. Испытание “Дуэль” (18/18) (.target)

Курсы §8. Селекторы
1

Здравствуйте. Дохожу до этого кода:

{
display: flex;
justify-content: space-between;
width: 200px;
height: 25px;
margin: 0 auto;
padding: 10px 15px 10px 15px;
overflow: hidden;
list-style: none;
background-color: white;
border-radius: 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

Полагаю, что это наш .target, т.е. белый прямоугольник. Но когда я делаю вот так:

.target {
display: flex;
justify-content: space-between;
width: 200px;
height: 25px;
margin: 0 auto;
padding: 10px 15px 10px 15px;
overflow: hidden;
list-style: none;
background-color: white;
border-radius: 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

То этот белый прямоугольник не появляется. Почему?

2

должен появляться - проверьте, возможно где-то по коду выше потерялась фигурная скобка или точка с запятой

3

Спасибо за помощь. Все-таки разобрался. Не знаю, как дальше пойдет, но пока работает. Сделал так:

.shooter-1 > .target,
.shooter-2 > .target {
display: flex;
justify-content: space-between;
width: 200px;
height: 25px;
margin: 0 auto;
padding: 10px 15px 10px 15px;
overflow: hidden;
list-style: none;
background-color: white;
border-radius: 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

4

Плохо, конечно, что в курсе не рассматривались такие стили как
display: flex;
justify-content: space-between;
overflow: hidden;
list-style: none;

И ты когда попадаешь на испытание, в первую очередь смотришь на описание стилей, чтобы узнать элемента по их описанию, а оказывается, что ты банально многих стилей не знаешь :expressionless:

Хотя… это, конечно, поправимо за счет использования иных источников информации

5

странно, у меня срабатывает вариант просто с .target