Ադապտիվ վեբ դիզայնի ի հայտ գալուց ի վեր, մշակողները խնդրել են DOM տարրերը ոճավորելու հնարավորություն՝ հիմնվելով դրանց իրական չափի վրա, այլ ոչ թե դիտարկիչի դիտման պատուհանի չափի վրա (օգտագործելով մեդիա հարցումներ ): Փաստորեն, կոնտեյներային հարցումները (սկզբնապես տարրերի հարցումներ) հավանաբար ամենաշատ պահանջվող CSS գործառույթն են, որը դիտարկիչներում դեռևս բացակայում է :
Արդեն կան շատ , շատ , շատ գրառումներ, որոնք հստակ բացատրում են, թե ինչու է կոնտեյներային հարցումները դժվար իրագործվել CSS- ում և ինչու են բրաուզեր արտադրողները տատանվում դրանք իրականացնելիս: Եթե ցանկանում եք վայելել այն հիմա, մի փոքր JavaScript- ը կարող է օգնել:
c51c33e1533e68c3f8fd24633700789f
Ամբողջ գործն այնուհետև այսպիսին է թվում:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Ընդմիջման կետերը , ընտրիչն ու ոճի հատկանիշները կարող են օգտագործվել տարբեր ճեղքման կետերի, ավտոմատ ընտրիչի և ավելացված դասերի տիպի սահմանման համար: Եթե դուք օգտագործում եք սցենարը, կարող եք նոր ձևավորված դասերին անդրադառնալ հետևյալ կերպ:
c51c33e1533e68c3f8fd24633700789f
Կոնտեյներային հարցումների օգտագործումը հատկապես կարևոր է ծածկույթների, թռուցիկների, կողային տողերի կամ հատուկ տարրերի տարրերի համար, նույնիսկ հիմա, օրինակ, վերը նշված սցենարով: