Селектори > и +

Q: Какво съм сбъркал?

``` Здравей, Ако под "Какво съм сбъркал?" визираш отстъпът, който се получава при последните два елемента от списъка, то причината е, че си добавил в li тага още един ul и в него още един li таг. Моят съвет е да премахнеш вътрешния ul, тоест този, който обгражда mail1@somemail.com и mail2@somemail.com. А на li таговете, обграждащи mail1@somemail.com и mail2@somemail.com, добави този клас profileItem. ```

Q: Защо шрифта на e-mail-ите в допълнителния списък не се остилиха?

Причината е в затворения LI таг след първия мейл адрес (преди втория вложен списък).

Q: Може ли това да е синтактична грешка?

Можеш да изпишеш в коментарите като текст, като вместо отваряща скоба пишеш: &lt, а вместо затваряща: &gt. Пример: &lth1&gtГеорги Димитров&lth1&gt

Q: Защо нововнесеният списък се остили целият както списъка - майка?

Смисълът на каскадирането в CSS е точно този - ако има глобален селектор за всички div елементи и той гласи: div: { color: red; } и имаме селектора ul li div: { font-size: 15 }, то всички div елементи ще имат червено текстово съдържание, включително div, който се намира в li на ul. Размерът на текста обаче ще е 15 само на ul li div.

Q: Защо при мен се устили всичко?

Инсталирай си linter и при save, ще ти покаже, че имаш грешка в синтаксиса. В моя атом имам модулите `prettier-atom` `linter` `linter-ui-default` Иначе `font-size` би трябвало да се наследява от децата. Тоест, ако го сложиш на първия ul и второ ниво ul ще го получи. Но пък примерно, `border` и `color` няма да се наследяват така.