Դաս ընդդեմ ID
Cascading Style Sheets-ը (CSS) լեզու է, որը նկարագրում է նշագրման լեզվով գրված փաստաթղթի տեսքը և ձևաչափումը: CSS-ը լայնորեն օգտագործվում է HTML-ով գրված վեբ էջերը ոճավորելու համար: CSS-ը թույլ է տալիս նշել ձեր սեփական ոճերի ընտրիչները՝ ի լրումն HTML տարրերի համար ոճերի կիրառման: Դա արվում է ID-ի և դասի ընտրիչների միջոցով: Մեկ եզակի տարրի համար ոճ նշելիս օգտագործվում է ID ընտրիչը: Տարրերի խմբի համար ոճ նշելիս օգտագործվում է դասի ընտրիչը:
Ի՞նչ է դասը:
CSS-ում դասի ընտրիչը կարող է օգտագործվել ձեր սեփական ոճը մի խումբ տարրերի վրա կիրառելու համար:Դասի ընտրիչը օգտագործվում է նույն դասի տարրերի մի շարքի վրա որոշակի ոճ կիրառելու համար: CSS-ում դասի ընտրիչը նույնականացվում է վերջակետով (.): Հետևյալը CSS-ում սահմանված դասի ընտրիչի օրինակ է:
.my_class {
գույն՝ կապույտ;
տառատեսակի քաշը՝ թավ;
}
HTML-ը կարող է վերաբերել CSS-ում սահմանված դասին՝ օգտագործելով ստորև ներկայացված հատկանիշի դասը:
Սա իմ ձևաչափումն է
Սա նորից իմ ձևաչափումն է
Ինչպես ցույց է տրված վերևում, նույն դասը կարող է օգտագործվել մի քանի տարրերի համար, իսկ մեկ տարրը կարող է օգտագործել բազմաթիվ դասեր: Երբ միևնույն տարրում օգտագործվում են մի քանի դասեր, դասերը տեղադրվում են դասի հատկանիշի մեջ, որը սահմանազատված է բացատով, ինչպես ցույց է տրված ստորև:
Սա իմ ձևաչափումն է՝ օգտագործելով երկու դաս
Ի՞նչ է ID-ն։
CSS-ում ID-ի ընտրիչը կարող է օգտագործվել ձեր սեփական ոճը մեկ եզակի տարրի վրա կիրառելու համար: CSS-ում ID-ի ընտրիչը նույնացվում է հեշով (): Ստորև բերված է CSS-ում սահմանված ID ընտրիչի օրինակ:
my_ID {
գույն՝ կարմիր;
text-align:right;
}
HTML-ը կարող է վերաբերել CSS-ում սահմանված ID-ի ընտրիչին՝ օգտագործելով ստորև ներկայացված հատկանիշի id-ը:
Սա իմ ֆորմատավորումն է ID-ի ընտրիչից
ID-ները եզակի են: Հետևաբար, յուրաքանչյուր տարր կարող է ունենալ միայն մեկ ID, և յուրաքանչյուր էջ կարող է ունենալ միայն մեկ տարր այդ հատուկ ID-ով: ID-ներն ունեն կարևոր հատկանիշ, որը կարելի է օգտագործել բրաուզերի հետ: Եթե էջի URL-ը պարունակում է հեշ արժեք (օրինակ՝ https://myweb.commy_id), զննարկիչը կփորձի ավտոմատ կերպով գտնել տարրը «my_id» ID-ով և ոլորել վեբ էջը՝ այդ տարրը ցուցադրելու համար: Սա մեկ պատճառ է, թե ինչու էջը պետք է ունենա մեկ տարր՝ հատուկ ID-ով, որպեսզի դիտարկիչը կարողանա գտնել այդ տարրը:
Ո՞րն է տարբերությունը դասի և ID-ի միջև:
Թեև և՛ դասի ընտրիչը, և՛ ID-ի ընտրիչը կարող են օգտագործվել վեբ էջի տարրերի վրա ձեր սեփական ոճը կիրառելու համար, դրանք ունեն որոշ կարևոր տարբերություններ:Դասի ընտրիչը կարող է օգտագործվել ձեր սեփական ոճը մի խումբ տարրերի վրա կիրառելու համար, մինչդեռ ID ընտրիչն օգտագործվում է ոճը մեկ, եզակի տարրի վրա կիրառելու համար: ID-ներ օգտագործելիս յուրաքանչյուր տարր կարող է ունենալ միայն մեկ ID, և յուրաքանչյուր էջ կարող է ունենալ միայն մեկ տարր այդ հատուկ ID-ով, բայց Class-ը կարող է օգտագործվել մի քանի տարրերի համար, իսկ մեկ տարրը կարող է օգտագործել մի քանի դասեր: Ավելին, ID-ն կարող է օգտագործվել էջն ավտոմատ կերպով ոլորելու համար՝ այդ ID-ով տարրը ցուցադրելու համար, բայց դա հնարավոր չէ դասի ընտրիչով:
