Здравей,
Ако под "Какво съм сбъркал?" визираш отстъпът, който се получава при последните два елемента от списъка, то причината е, че си добавил в li тага още един ul и в него още един li таг. Моят съвет е да премахнеш вътрешния ul, тоест този, който обгражда mail1@somemail.com и mail2@somemail.com. А на li таговете, обграждащи mail1@somemail.com и mail2@somemail.com, добави този клас profileItem.
Да, само че махни и буквата "т", която си поставил след затварящия таг /ul. Какъв е резултатът сега? Това, което искаш ли се получава? :)
Да, благодаря.
При мен, също шрифта при допълнителните e- mail-и се получи различен, докато не поставих клас profileItem. Между другото, как правите принтскрийн само на отворен прозорец?
Използвай комбинация от клавиши ALT+PrintScreen
скобите се разместиха- съжалявам
В урока, при допълнителните e-mail-и не е добавен клас "profileItem" и въпреки това те се остилиха като другите елементи. При мен шрифта остана различен, докато не поставих съответния клас. Защо е така?
Моят запис:
Резултат:
Причината е в затворения LI таг след първия мейл адрес (преди втория вложен списък).
Благодаря! Елементарно, ама кой да се сети!
На ред 24 -->
и как повлиява това?
Може ли screenshot с въпросния ред?
Разумно, ама трябва да го потърся къде беше :)
Съжалявам, не мога да го намеря.
Можеш да изпишеш в коментарите като текст, като вместо отваряща скоба пишеш: <, а вместо затваряща: >. Пример: <h1>Георги Димитров<h1>
нововнесеният списък се остили целият както списъка - майка? Все пак той отговаря на другшаблон ( майката е header aside ul а подспискът е header aside ul li ul като неговите елементи са header aside ul li ul li Ако той приравнява дъщерният ul на li от списъка майка, да очакваме ли подобни остилявания и с други елементи? Ако говорим за цветове и шрифтове - там нешата са видими, но ако намесим там hover, медийни заявки и пр чието действие не винаги се диагностицира лесно. (Въпросът ми касае избягването на бъгове по сложни неочевидни причини, които могат доста да разнообразят живота ни и съответно как да разсъждаваме, замисляйки това което правим/ )
Смисълът на каскадирането в CSS е точно този - ако има глобален селектор за всички div елементи и той гласи: div: { color: red; } и имаме селектора ul li div: { font-size: 15 }, то всички div елементи ще имат червено текстово съдържание, включително div, който се намира в li на ul. Размерът на текста обаче ще е 15 само на ul li div.
Защо и допълнителният ul се устили при полжение че съм заложил да устилява само първия списък както е показано във видеото?
Открих си отговора. В header aside ul не съм затворил цвета с ; и затова не ми приема font-size като валидна команда
Инсталирай си linter и при save, ще ти покаже, че имаш грешка в синтаксиса. В моя атом имам модулите prettier-atom
linter
linter-ui-default
Иначе font-size
би трябвало да се наследява от децата. Тоест, ако го сложиш на първия ul и второ ниво ul ще го получи. Но пък примерно, border
и color
няма да се наследяват така.