9/18 Нужен ли пробел?

Если в задании с мишенью пишу .target:first-child {
background-color: red;}, то красной становится плашка с мишенями, а не сами мишени. Если же пишу .target :first-child, тогда все верно, красной становится мишень. Почему так? В теоретической части все слитно написано, никаких пробелов.

В теории к заданию сказано:
Псевдокласс first-child позволяет выбрать первый ДОЧЕРНИЙ элемент РОДИТЕЛЯ.

<body>
        <ul class="target">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </body>

.

.target:first-child {background-color: red;}

выберет первый дочерний элемент с классом .target внутри контейнера (родителя) body.
В красный цвет окрашивается весь список.

.target :first-child {background-color: red;}

выберет первый дочерний элемент li внутри контейнера (родителя) с классом .target.
В красный цвет окрашивается первый элемент списка.

1 лайк

Спасибо!