Ծրագրավորման գործիքներ

CSS յուրահատկության հաշվիչ

Հաշվարկեք CSS ընտրիչների յուրահատկության բաղադրիչները և ընդհանուր թվային միավորը առցանց:

Գործարկել գործիքը

CSS սելեկտորի յուրահատկության հաշվիչն օգնում է վերլուծել կասկադային ոճերի կանոնների գերակայությունը և պարզել, թե որ ընտրիչն ունի ավելի բարձր կշիռ վեբ էջի տարրերի ձևավորման ժամանակ: Դուք կարող եք մուտքագրել ցանկացած ընտրիչ, օրինակ՝ նույնացուցիչ (ID), դաս (class), ատրիբուտ, կեղծ դաս կամ տարրի տեսակ: Համակարգը բաժանում է մուտքագրված տեքստը չորս բաղադրիչների և հաշվարկում ընդհանուր թվային միավորը՝ բաղադրիչները բազմապատկելով համապատասխանաբար 1000, 100, 10 և 1 կշիռներով:

Նույնացուցիչները տալիս են ամենաբարձր կշիռը առաջին դիրքում: Դասերը, ատրիբուտները և կեղծ դասերը ավելացնում են երկրորդ բաղադրիչի արժեքը: Տարրերի տեսակները և կեղծ տարրերը ձևավորում են երրորդ բաղադրիչը: Համընդհանուր ընտրիչը (*) հաշվարկի մեջ չի ներառվում և միավոր չի ավելացնում: Դատարկ կամ միայն բացատներ պարունակող տեքստի դեպքում արդյունքների վահանակում ցուցադրվում են չորս զրոյական բաղադրիչներ և զրո ընդհանուր միավոր: Այս գործիքը հեշտացնում է CSS կանոնների հակասությունների բացահայտումը և օգնում է ստեղծել կանխատեսելի ոճային աղյուսակներ:

Հրահանգներ

  1. Մուտքագրեք CSS ընտրիչի տեքստը համապատասխան դաշտում:
  2. Սեղմեք հաշվարկելու կոճակը:
  3. Դիտեք չորս բաղադրիչները և ընդհանուր թվային միավորը արդյունքների վահանակում:

Օրինակներ

  • #main-nav ընտրիչի համար գործիքը ցույց է տալիս [1, 0, 0, 0] բաղադրիչները և 1000 միավոր:
  • div.menu > ul li.active ընտրիչի համար հաշվարկվում են դասերի և տարրերի համապատասխան կշիռները:

ՀՏՀ

Ինչպե՞ս է հաշվարկվում CSS ընտրիչի ընդհանուր միավորը:

Չորս բաղադրիչները բազմապատկվում են համապատասխանաբար 1000, 100, 10 և 1 կշիռներով, որոնց գումարը կազմում է ընդհանուր միավորը:

Ի՞նչ է ցուցադրվում դատարկ մուտքագրման դեպքում:

Դատարկ կամ բացատներից բաղկացած տեքստի դեպքում բոլոր չորս բաղադրիչները ստանում են 0 արժեք, իսկ ընդհանուր միավորը լինում է 0:

Արդյո՞ք համընդհանուր ընտրիչը (*) ազդում է յուրահատկության վրա:

Ոչ, համընդհանուր ընտրիչը (*) չի ավելացնում որևէ բաղադրիչի արժեք և չի փոխում միավորը:

Ներդնել այս գործիքը

Ստորև բերված կոդով ձեր կայքում ավելացրեք SmartPlusLab-ի աշխատող գործիքը։