De kiam ekzistas respondema ttt-projektado, programistoj demandas pri la eblo desegni elementojn de DOM surbaze de sia reala grandeco kaj ne de la grandeco de la vidpunkto en la retumilo (kun la helpo de amaskomunikilaj demandoj ). Fakte konteneraj pridemandoj (komence elementaj pridemandoj) estas probable la plej petita CSS-funkcio, kiun retumiloj ankoraŭ ne havas .
Estas jam multaj , multaj , multaj afiŝoj, kiuj klarigas ĝuste kial konteneraj demandoj malfacilas efektivigi en CSS kaj kial retumilaj fabrikantoj hezitas efektivigi ilin. Se vi volas ĝui ĝin nun, iom da JavaScript povas helpi:
c51c33e1533e68c3f8fd24633700789f
La tuto tiam aspektas tiel:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
La rompopunktoj , elektilo kaj stilaj atributoj povas esti uzataj por difini la diversajn rompopunktojn, la aŭtomatan elektilon kaj la tipon de klasoj aldonitaj. Se vi uzas la skripton, vi povas trakti la nove kreitajn klasojn jene:
c51c33e1533e68c3f8fd24633700789f
La uzo de konteneraj demandoj aparte indas por elementoj en surmetaĵoj, ŝprucfenestroj, flankaj stangoj aŭ kutimaj elementoj - eĉ nun, ekzemple, kun la skripto supre.