Սկսած CSS- ն
CSS- ն ապավինում է ձեւի համապատասխանման կանոններին, որոշելու համար, թե որ ոճը կիրառելի է փաստաթղթում առկա տարրին: Այս նմուշները կոչվում են ընտրողներ եւ դրանք տարբերվում են պիտակների անվանումներից (օրինակ, p- ը պարբերության պիտակների հետ համընկնում է) `շատ բարդ նախշերով, որոնք համապատասխանում են փաստաթղթի շատ կոնկրետ մասերին (օրինակ, p # myid> b.highlight կհամապատասխանի ցանկացած բ tag մի կարեւոր դաս, որը պարունակության երեխա է ID id- ի հետ):
CSS ընտրիչը CSS ոճով զանգի մի մասն է, որը որոշում է, թե ինչպիսի հատված պետք է լինի ոստայնի էջը: Ընտրիչը պարունակում է մեկ կամ ավելի հատկություններ, որոնք սահմանում են, թե ինչպես է ընտրված HTML- ը հարդարվելու:
CSS ընտրողները
Կան մի քանի տարբեր տեսակի ընտրողներ.
- տիպի սելեկտորներ `համապատասխան կոնկրետ տարր
- դասակարգային ընտրողներ, համապատասխան դասի համապատասխան տարրեր
- ID ընտրողներ, համապատասխան տարրով համապատասխանող տարրերին համապատասխանող
- ժառանգորդ ընտրողներ , որոնք հատուկ տարրերի ժառանգներ են հանդիսանում
- երեխայի սելեկտորները `համապատասխան տարրերի երեխա ունեցող համապատասխան տարրեր
- ունիվերսալ սելեկտորներ `համապատասխանող ցանկացած տարր
- հարակից եղբայրների քույր եղբայրները, համապատասխան տարրերը անմիջապես նախորդող համապատասխան տարրերը
- հատկորոշում ընտրողներին, համապատասխան հատկանիշներով կամ հատկանիշի հատկանիշներով համապատասխան տարրեր
- կեղծ դասի սելեկտորները, որոնք համապատասխանում են կոնկրետ կեղծ դասի տարրերին
- կեղծ տարր ընտրողներ `հատուկ տարրերի տարրերի հատկանիշներով համընկնող տարրեր
Ձեւավորելով CSS Styles եւ CSS սելեկտորները
CSS ձեւի ձեւաչափը նման է հետեւյալին.
ընտրիչ {ոճի գույքը `ոճ; }
Առանձին բազմակի ընտրողներ, որոնք նույն ոճն ունեն վարդերով: Սա կոչվում է ընտրող խումբ: Օրինակ:
selector1 , selector2 {style գույքը `ոճ; }
Խմբավորող ընտրողներ հանդիսանում են սցենարիստ մեխանիզմ `ձեր CSS ոճերի կոմպակտ պահելու համար:
Վերոնշյալ խմբավորումը նույն ազդեցություն կունենա, ինչպես, օրինակ,
selector1 {ոճային գույքը `ոճ; }
Սելեկտյան {ոճային գույքը `ոճ; }
Միշտ փորձեք ձեր CSS ընտրողները
Ոչ բոլոր բրաուզերները աջակցում են բոլոր CSS ընտրողները: Այսպիսով, համոզվեք, որ ձեր ընտրողներին փորձեք այնքան բրաուզերներում, որքան հնարավոր է շատ օպերացիոն համակարգեր: Բայց եթե դուք օգտագործում եք CSS 1 կամ CSS2 սելեկտորները, ապա պետք է լավ լինի: