Testo responsive grazie a , come applicarlo su più "id"?
Autore: Simone C.Buonasera a tutti,
Non riesco a venire a capo al fatto di applicare lo stesso style a un gran numero di id tenendo però il codice più pulito possibile. Mi spiego:
"id" d'esempio: imObjectImage_47_106_container
Codice "style" funzionante:
<style>@media (max-width: 959.9px) and (min-width: 480px) {
#imObjectImage_47_106_container *{font-size:36px!important; }}
@media (max-width: 479.9px) {
#imObjectImage_47_106_container *{font-size:21px!important; }}</style>
In pratica faccio variare la grandezza del testo contenuto nell'oggetto al variare dei breakpoint.
(-> Esempio pratico e già parzialmente risolto visibile in altro topic qui: https://helpcenter.websitex5.com/it/post/216367) (Grazie KolAsim per codice di partenza ;D)
La domanda è: se oltre all'id "imObjectImage_47_106_container" volessi che quanto sopra venisse applicato anche ad altri "id" es. "imObjectImage_47_105_container", "imObjectImage_47_88_container", "imObjectImage_47_107_container" e così via per un gran numero di "id", come faccio a modificare il codice sopra dicendo che venga applicato a tutti gli "imObjectImage_..._..._container" senza puntualizzarli uno per uno in una lista lunghissima?
Grazie anticipatamente a chi mi risponderà!
P.S. So di essere un filo OT, ma è per sopperire all'impossibilità di avere un testo che non sia di tipo titolo in grado di ridimensionarsi in un sito responsive creato con WebSite X5 e quindi credo possa essere d'utilità a tutti :)
... per tutti gli oggetti simili che hanno la stessa radice uguale, per esempio la parte in grassetto:
#imObjectImage_47_106_container
così:
div[id^='imObjectImage_47_'] {...codice... }
.
Autore
Grazie KolAsim, al solito N°1, ovviamente funziona!
Con l'occasione buon Ferragosto! :D
Ok grazie e buon Ferragosto anche a te
Ciao