Учебник CSS - CSS селектори деца

Дете селектори CSS - селектори се използват, за да се прилагат стилове, за да елементи само в случаите, когато те са децата на другите (родители) елементи. Като потомък селектор деца селектори са комбинирани и се състоят от прости селектори (класове, идентификатори, и т.н.).

Отново, ако сте забравили какво дете елементи, нека си припомним, демонтаж вече познатите ви един пример.

Елемент нарича дете от друг елемент, ако тя е в рамките на първото ниво на гнездене. В нашия пример, <тег2> и <тег3> дъщери са <тег1>. и <тег4> - дъщеря <тег3> .

селектори за деца се състоят от две или повече прости селектори разделени чрез ">", което показва, майка, а след това му дете елемент, след това дъщеря на дъщеря елемент и т.н. Това означава, че както в потомък селектора се определя от пътя на дървото с документи. Стилове ще се прилагат само за онези елементи, селектори, които са най-късно в списък. Общият синтаксис:

Пропуски от двете страни на знака ">" могат да бъдат настроени, но не може, по желание.

Пример за използване от деца селектори CSS

Резултатът в браузъра

В този пример, трябва да се обърне внимание на две точки. Има три елемента

. но само две от тях са с кутия, подложка и маржове. Защо? И втората точка. Само в първия параграф на синия цвят на текста.

Internet Explorer 6.0, не разбира дете селектори, така че ако се създаде уеб сайт на базата на този стар браузър - не забравяйте това.

Дете селектори в HTML-маси

Много начинаещи (а понякога и не по-дълги начинаещи) в създаването на сайтове, възникнали някои проблеми при използването на деца селектори в HTML-таблици. Може да се разбере това, което се каза, нека да разгледаме редовно маса.

А сега на въпроса. Какво бихте направили, ако имате нужда от помощ с деца селектори да преминат от таг

към клетки? Ако решите да пиша по този начин, че не е вярно:

И познайте защо е наред? Не? Фактът, че сте забравили за още един елемент -

. което, дори и да не е изрично посочено, че все още е невидимо присъства във всяка HTML-таблица. Това е само, че той не разполага с необходимите отваряне и затваряне тагове, така че да забравите за нея често. Между другото, да, в HTML-урок, ние не бяхме с вас, защото в действителност тя е рядко ясна индикация, когато е необходимо. Е, мисля, че вече сте се досетили какво ще се коригира рекорда, но аз ще ви покажа едни и същи.

Между другото, не само таблици имат елементи с избираеми маркери за отваряне, все още има някои елементи. Просто практика "проблеми забравяне" се проявяват най-често с маси, така че аз привлече вниманието ви към това.

Мисля, че последната точка на урока ще бъде за вас най-трудно, но не се опитвайте да незабавно да се потопят в развитието на позициониране. Просто направете си домашното. Между другото, тази опция няма да работи в Internet Explorer 6.0, като старецът не разбира фиксирана позициониране.