Почеток CSS
CSS се потпира на правила за појавување на моделот за да утврди кој стил важи за кој елемент во документот. Овие обрасци се нарекуваат селектори и се движат од имињата на ознаките (на пример, p за да се совпаднат таговите на пасуси) со многу комплицирани обрасци кои се совпаѓаат со многу специфични делови на документот (на пример, p # myid> b.highlight ќе одговара на било која ознака b со класа на истакнување дека е дете од став со id myid).
Селекторот на CSS е дел од стилот на CSS кој идентификува кој дел од веб-страницато треба да биде стилизиран. Селекторот содржи едно или повеќе својства со кои се дефинира како избраниот HTML ќе биде стилизиран.
CSS селектори
Постојат неколку различни видови селектори:
- тип селектори-појавување на одреден елемент
- класа селектори-појавување елементи со одредена класа
- ID селектори-појавување на елементот со специфичен проект
- потомци селектори -елементи за создавање кои се потомци на одреден елемент
- дете селектори-појавување елементи кои се дете на специфичен елемент
- универзални селектори-појавување на било кој елемент
- соседните селектори-селектирачки елементи кои веднаш им претходат на одреден елемент
- атрибут елемент за појавување на селектори со специфична вредност на атрибутот или атрибутот
- псевдокласни селектори-елементи за појавување со специфична псевдокласа
- псевдо-елемент селектори-појавување елементи со специфични псевдо-елемент својства
Форматирај CSS стилови и CSS селектори
Форматот на стилот на CSS изгледа вака:
селектор {стил на својство: стил; }
Одделете повеќе селектори кои имаат ист стил со запирки. Ова се нарекува селекторска групација. На пример:
selector1 , selector2 {стил на својство: стил; }
Селекторите за групирање се стенографски механизам за да ги задржи вашите стилови на CSS компактни.
Горенаведената групација ќе има ист ефект како:
selector1 {стил на имотот: стил; }
selector2 {стил на својство: стил; }
Секогаш тестирајте ги вашите CSS селектори
Не сите прелистувачи ги поддржуваат сите селектори на CSS. Затоа, бидете сигурни дека ги тестирате вашите селектори во што повеќе прелистувачи на што повеќе оперативни системи што можете. Но, ако користите CSS 1 или CSS2 селектори, треба да бидете во ред.