Ինչ է նշանակում կարեւորը CSS- ում

կարեւոր նշանակություն ունի Կասկադի փոփոխություն

Կայքերը կոդավորումն իմանալու լավագույն եղանակներից մեկը պետք է դիտել այլ կայքերի աղբյուրների կոդերը: Այս պրակտիկան այն է, թե ինչպես են վեբ-մասնագետները սովորել իրենց արհեստները, հատկապես այն օրերին, երբ կայքերից շատերի համար նախատեսված տարբերակները, գրքերը եւ առցանց ուսուցման վայրերը:

Եթե ​​փորձեք այս պրակտիկան եւ նայեք կայքի կասկադային ոճերի թերթիկները (CSS), մի բան, որը դուք կարող եք տեսնել այդ կոդում, նշում է մի գիծ, ​​որը կարեւոր է:

Ինչ է դա նշանակում եւ, ճիշտ այնպես, ինչպես ճիշտ եք օգտագործել այդ հայտարարությունը ձեր ոճաթերթերում:

CSS- ի Կասկադը

Առաջին հերթին, կարեւոր է հասկանալ, որ կասկադային ոճերը իսկապես կասկադ են , այսինքն, դրանք տեղադրվում են որոշակի կարգով: Ընդհանուր առմամբ, դա նշանակում է, որ ոճերը կիրառվում են զննարկչի կողմից կարդացած կարգի մեջ: Առաջին ոճը կիրառվում է, ապա երկրորդը եւ այլն:

Արդյունքում, եթե ոճը հայտնվում է ոճաթերթի վերեւում, ապա փոփոխվում է փաստաթղթում ստորեւ, ապա այդ ոճի երկրորդ օրինակն այն է, որ կիրառվում է հետագա դեպքերում, ոչ թե առաջինը: Հիմնականում, եթե երկու ոճերը նույն բանն են ասում (ինչը նշանակում է, որ նրանք ունեն նույն մակարդակի առանձնահատկությունը), վերջինը նշված կլինի:

Օրինակ, եկեք պատկերացնենք, որ ոճաթերթում առկա են հետեւյալ ոճերը: Պարբերության տեքստը կներկայացվի սեւ, չնայած կիրառվող առաջին ոճի հատկությունները կարմիր են:

Դա պայմանավորված է այն բանի շնորհիվ, որ «սեւ» արժեքը երկրորդն է: Քանի որ CSS- ն կարդում է վերեւից ներքեւ, վերջնական ոճը «սեւ» է եւ, հետեւաբար, հաղթում է:

p {գույնը `կարմիր; }
p {գույնը `սեւ; }

Ինչպես, կարեւորը փոխում է առաջնահերթությունը

Այժմ, երբ հասկանում եք, թե ինչպես են այս գրեթե նույնական կանոնները մշակվում են CSS- ով, մենք կարող ենք նայենք, թե ինչպես է կարեւորագույն հրահանգը փոփոխություններ կատարում:

The! Կարեւոր դիրեկտիվը ազդում է այն ձեւով, որով ձեր CSS cascades դուք զգում են այն կանոնները, որոնք զգում եք, ամենակարեւորն է եւ պետք է կիրառվեն: Կանոնադրություն, որն ունի կարեւորագույն հրահանգը, միշտ կիրառվում է անկախ այն բանից, թե որտեղ այդ կանոնը հայտնվում է CSS փաստաթղթում:

Պարբերության տեքստը միշտ կարմիր դարձնելու համար, վերը նշված օրից դուք կօգտագործեք:

p {գույնը `կարմիր: կարեւորը; }
p {գույնը `սեւ; }

Այժմ բոլոր տեքստը կարմիրում կհայտնվի, թեեւ «սեւ» արժեքը երկրորդն է: The! Կարեւոր հրահանգը գերադասում է կասկադի նորմալ կանոնները եւ այն տալիս է այդ ոճը շատ բարձր առանձնահատկություն:

Եթե ​​բացարձակապես անհրաժեշտ է պարբերությունները կարմիր հայտնվեն, այս ոճը կլիներ դա անել, բայց դա չի նշանակում, որ դա լավ պրակտիկա է: Հաջորդ նայենք, երբ դուք կարող եք օգտագործել այն, կարեւոր եւ երբ դա տեղին չէ:

Երբ օգտագործեք կարեւորը

The! Կարեւոր դիրեկտիվը շատ օգտակար է, երբ դուք փորձարկում եւ վրիպազերծում եք կայք: Եթե ​​համոզված չեք, թե ինչու է ոճը կիրառվում եւ կարծում եմ, որ դա կարող է լինել առանձնահատկություն, ապա կարող եք ավելացնել ձեր կարեւոր ոգեշնչումը ձեր ոճով `տեսնելու, արդյոք դա ամրագրում է:

Եթե ​​ավելացնեք կարեւորը ոճային խնդիրը հաստատում է, դուք պարզապես որոշել եք, որ դա առանձնահատկություն է: Այնուամենայնիվ, դուք չեք ուզում թողնել այդ կարեւոր կոդը, այնտեղ տեղադրվել է միայն թեստավորման նպատակով:

Քննությունից հետո, դուք պետք է հեռացնեք այդ հրահանգը եւ կարգավորեք ձեր ընտրիչը, որպեսզի հասնեք այն յուրահատկությանը, որը դուք պետք է ստանաք ոճը աշխատելու համար: կարեւորը չպետք է իր ճանապարհը դառնա ձեր արտադրական վայրերում, մասամբ այն պատճառով, թե ինչպես է փոխվում նորմալ կասկադը:

Եթե ​​դուք չափազանց ծանրակշիռ եք համարում ձեր կարեւոր ոգեշնչված հռչակագրին `հասնելու ձեր ցանկալի ոճերին, դուք ի վերջո կունենաք ոճի ոճը, որը զարդարված է կարեւոր ոճերով: Դուք սկզբունքորեն փոխելու եք, որ էջի CSS- ն մշակվի: Դա ծույլ գործելաոճ, որը լավ չէ երկարաժամկետ կառավարման տեսանկյունից:

Օգտագործեք կարեւորը փորձարկման համար, կամ, որոշ դեպքերում, երբ դուք բացարձակապես պետք է անտեսեն ներդիրային ոճը, որը հանդիսանում է թեմայի կամ ձեւանմուշի շրջանակ:

Նույնիսկ այդ դեպքերում, օգտագործեք այս մոտեցումը հնարավորինս խնայողաբար եւ ձգտեք գրել մաքուր ոճի թերթեր, որոնք հասկանում են կասկադը:

User Style թերթ

Կարեւոր եզրահանգման համար կարեւորագույն հրահանգով կա մեկ վերջնական գրություն: Այս հրահանգը նույնպես տեղադրվեց, որպեսզի օգնեն վեբ էջի օգտվողներին հաղթահարել ոճի թերթերը, որոնք էջերը դժվարացնում են դրանք օգտագործել կամ կարդալ:

Սովորաբար, եթե օգտագործողը որոշում է ոճաթերթերի թերթը , վեբ էջերը դիտելու համար, այդ ոճի թերթիկը խափանում է վեբ էջի հեղինակների ոճաթերթով : Եթե ​​օգտագործողը նշում է որպես ոճ, որպես կարեւոր, այդ ոճը վերացնում է վեբ էջի հեղինակի ոճը, նույնիսկ եթե հեղինակը նշում է որպես կանոն, որպես կարեւոր:

Սա օգտակար է այն օգտվողների համար, ովքեր որոշակի ձեւով պետք է ձեւակերպեն ոճը: Օրինակ, ինչ-որ մեկը պետք է ավելացնի լռելյայն տառաչափերը, օգտագործելով բոլոր վեբ էջերը: Օգտագործելով ձեր կարեւորագույն հրահանգը, որը պարունակվում է ձեր կառուցած էջերում, դուք տեղավորվում եք ձեր հատուկ կարիքներով օգտվողների հետ:

Խմբագրված է Ջերեմի Գիրարդը