Allo stadio attuale della loro implementazione, le Media Queries CSS selezionano di fatto solo la finestra del browser. In tal senso esse sono globali e non possono essere applicate ad elementi specifici. Ma se in futuro potessero farlo?
Questa riflessione nasce da un tweet di Nicolas Gallagher (Twitter):
We need native CSS media queries at the element/component/widget level, not just the viewport. Make it so, internetz.
— Nicolas Gallagher (@necolas) February 7, 2013
Come si configurerebbero le future Media Queries? La difficoltà principale risiede nel trovare una soluzione sintattica che permette di usare un selettore senza con questo creare problemi alla tokenizzazione.
Si potrebbe pensare ad una soluzione con una keyword aggiuntiva:
@media screen and (max-width: 768px) in ( #wrapper ) {
/* ... */
}
Ma non esistono solo problemi sintattici: i browser dovrebbero ridefinire il modello con cui applicano gli stili seguendo l'albero del documento. Sicuramente questo problema è il più complesso da affrontare e richiederà tempo e discussioni per essere risolto.