Օգտագործեք կոնտեյներային հարցումները այսօր

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


Արդեն կան շատ , շատ , շատ գրառումներ, որոնք հստակ բացատրում են, թե ինչու է կոնտեյներային հարցումները դժվար իրագործվել CSS- ում և ինչու են բրաուզեր արտադրողները տատանվում դրանք իրականացնելիս: Եթե ​​ցանկանում եք վայելել այն հիմա, մի փոքր JavaScript- ը կարող է օգնել:

c51c33e1533e68c3f8fd24633700789f

Ամբողջ գործն այնուհետև այսպիսին է թվում:

See the Pen by David Vielhuber (@vielhuber) on CodePen.

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

c51c33e1533e68c3f8fd24633700789f

Կոնտեյներային հարցումների օգտագործումը հատկապես արժանի է ծածկույթների, բացվող պատուհանների, կողային գծերի կամ հատուկ տարրերի տարրերի համար , նույնիսկ հիմա, օրինակ ՝ վերևի սցենարի հետ:

Վերադառնալ