Знакомство с css урок 3 - помогите, пожалуйста!

Курсы §7. [Архив] Знакомство с CSS
1

Подскажите, баг или моя ошибка? Вроде бы все сделал правильно…

<!DOCTYPE html>
<html>
    <head>
       <title>Продвинутые селекторы</title>
    </head>
    <body>
        <p>К более сложным селекторам можно отнести:</p>
        <ul>
            <li>селекторы по классам</li>
            <li>селекторы по псевдоклассам</li>
            <li>селекторы по тэгам</li>
            <li class="error">селекторы по id</li>
        </ul>
        <p class="error">Использование селекторов по id - это хорошо.</p>
    </body>
</html>

CSS:

.error{
    color:red;
}
2

В задании сказано «добавьте класс error к третьему элементу списка». Вы добавляете к четвёртому.

3

Скажите, у меня все так же, но только у меня к третьему элемента списка был добавлен класс изначально, но задание мне не засчитывает. Нажимаю кнопку “Проверить”. Мне всё выделяет красным, и не одного жёлтого. (Правильно сделанного задания )

4

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

5

1.jpg1197×831 177 KB

6

Вот теперь вижу. Обратите внимание, когда задаете свойство какому-нибудь классу, перед его названием ставится точка. Например, как здесь - .error {…}

7

Всё ясно. Спасибо большое.

8

А как выделить третий элемент списка с помощью :nth-child ? Это возможно?
я пробовала так, но не выходит. Подскажите как правильно было бы
.error{
color:red;
}
li:nth-child(3){
class=.error;
}

9

А что это за свойство такое, “class”?
Тоже надо было написать color: red;

10

аа, поняла. То есть нельзя в сss созать класс для элемента выделенного с помощью селектора? Можно только наделить свойством, а классами элементы только в html можно наделить?
Извините за глупые вопросы, но пытаюсь разобраться, пока еще туплю очень в CSS

11

Да, верно поняли)

1 лайк