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

Безплатни 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.