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

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео

Тест за преминаване към следващия урок

 
За какво служи селекторът директен наследник на елемент?
За избиране само на поделементи от даден тип, които са само на едно ниво по-навътре в дървото на html
За избиране само на първите поделементи
И двете
 
За какво служи селекторът съседен елемент?
За избиране само на елементи, които имат зададения в селектора предходен елемент
За избиране само на елементи, които имат зададения в селектора следващ елемент
За избиране само на елементи, които имат зададения в селектора предходен или следващ елемент

Въпроси и отговори

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

    Така ли?

    Грациела Георгиева:

    Да, само че махни и буквата "т", която си поставил след затварящия таг /ul. Какъв е резултатът сега? Това, което искаш ли се получава? :)

    Злат Попзлатев:

    Да, благодаря.

    Жанета Димитрова Маринова:

    При мен, също шрифта при допълнителните e- mail-и се получи различен, докато не поставих клас profileItem. Между другото, как правите принтскрийн само на отворен прозорец?

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

    Жанета Димитрова Маринова:

    В урока, при допълнителните e-mail-и не е добавен клас "profileItem" и въпреки това те се остилиха като другите елементи. При мен шрифта остана различен, докато не поставих съответния клас. Защо е така? Моят запис: Резултат:

    Борис Митев:

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

    Жанета Димитрова Маринова:

    Благодаря! Елементарно, ама кой да се сети!

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

    Георги Димитров:

    На ред 24 -->

    • не трябва ли да се затвори така:

    и как повлиява това?

    Борис Митев:

    Може ли screenshot с въпросния ред?

    Георги Димитров:

    Разумно, ама трябва да го потърся къде беше :)

    Георги Димитров:

    Съжалявам, не мога да го намеря.

    Лъчезар Николов:

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

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

    инж. Юлиан Ангелов:

    нововнесеният списък се остили целият както списъка - майка? Все пак той отговаря на другшаблон ( майката е 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.