Смятате ли, че инструментите за избор

CSS3-селектори - фундаментално нещо добро.

Ето защо, селектори трябва да знаете.

Основни видове селектори само няколко:

• * - никакви елементи.
• Разделение - елементи с такъв етикет.
• #ID - Идентификационен номер на елемента на данните.
• .клас - елементи с такъв клас.
• [Име = "стойност"] - селектори атрибут (виж по-долу.).
• : Посетени - «псевдо-класовете", а останалите са различни условия на елемента (виж по-долу.).

Селектори могат да се комбинират, като напишете последователно, без интервал:

• .c1.c2 - елементи едновременно с два класа C1 и C2
• а # id.c1.c2: посетен - елемент с даден номер. класове C1 и C2. и псевдо-посети

В CSS3 Има четири вида отношения между елементите.

Най-известният вероятно знаете:

• Разделение р - елементи стр. потомци на DIV.
• Разделение> P - само преки потомци

Има още две редки:

р - правилните съседи: стр всички по едно и също ниво на гнездене, които излизат след Разделение.

Разделение + р - първо надясно съсед: р на същото ниво в йерархията, която идва веднага след DIV (ако има такива).

Нека разгледаме един пример за HTML:

първо дете - първото дете на неговата майка.

последно дете - последният потомък на родителя.

само дете - единственият наследник на своята майка, не съседни елементи.

тото-дете (а) - потомък на броя на родител, например: тото-дете (2) - второто дете. Номерацията започва с една.

тото-дете (с + б) - разширяване на предишното избор чрез определяне потомък формула брой където а, Ь - константа, и означава всяко число по п.

Този псевдо ще филтрира всички елементи, които попадат в обхвата на формула, когато всеки п. Например: -: тото-дете (2n) ще даде елементи на номер 2. 4. 6 ..., което означава, че вечерта.

• : N-mo-дете (2n + 1) елементи дават номер 1 ... 3, че е нечетен.
• : N-а-дете (3n + 2) елементи ще номер 2. 5. 8, и така нататък.

Пример за използване за разпределение на списъка: