Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Applicare regole a elementi simili

    ciao!

    io elementi che hanno classi simili (sto usando bootstrap).
    quindi ad esempio:
    .col-sm-1
    .col-sm-3
    .col-sm-12
    .col-md-6
    .col-md-12
    .......

    io vorre applicare una regola a tutti gli elementi simili, senza scriverli tutti.
    di primo acchitto ho provato così, ma non mi sembra funzioni:

    #articoli .col-sm-* { font-size: 11px; }

    esiste un modo per applicare una regola a tutti gli elementi che iniziano con .col-sm- (o in generale con una parte del nome uguale)??

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    No, quello che hai scritto non esiste.

    Esiste pero` la possibilta` di assegnare classi diverse allo stesso oggetto.

    Esempio:
    codice:
    HTML
    <div class="col-sm col-sm-1"> ... </div>
    <div class="col-sm col-sm-3"> ... </div>
    <div class="col-sm col-sm-12"> ... </div>
    <div class="col-md col-md-6"> ... </div>
    <div class="col-md col-md-12"> ... </div>
    
    CSS:
    #articoli .col-sm {     /* formattazione per tutti gli oggetti con classe col-sm */
      font-size: 11px;
     }
    #articoli .col-sm-1 {     /* formattazione solo per gli oggetti con questa classe */
      ...                
    }
    ecc
    PS: pero` se queste sono celle di una tabella, esistono i tag <col> e <colspan> che possono servire per formattare una (o piu`) colonne
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Quote Originariamente inviata da Mich_ Visualizza il messaggio
    No, quello che hai scritto non esiste.

    Esiste pero` la possibilta` di assegnare classi diverse allo stesso oggetto.

    Esempio:
    codice:
    HTML
    <div class="col-sm col-sm-1"> ... </div>
    <div class="col-sm col-sm-3"> ... </div>
    <div class="col-sm col-sm-12"> ... </div>
    <div class="col-md col-md-6"> ... </div>
    <div class="col-md col-md-12"> ... </div>
    
    CSS:
    #articoli .col-sm {     /* formattazione per tutti gli oggetti con classe col-sm */
      font-size: 11px;
     }
    #articoli .col-sm-1 {     /* formattazione solo per gli oggetti con questa classe */
      ...                
    }
    ecc
    PS: pero` se queste sono celle di una tabella, esistono i tag <col> e <colspan> che possono servire per formattare una (o piu`) colonne
    ciao, grazie per la risposta.

    no, non sono celle di una tabella.
    è un mix di twitter bootstrap e jquery datatbles.
    e in questo caso le classi vengono assegnate automaticamente dal plugi.
    quindi se non esiste quello che vorrei, o modifico lo script in qualche modo, o mi scrivo le regole per tutte le classi.
    che forse a questo punto è la cosa più veloce.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.