Bootstrap CSS classi jolly

Question

Desidero scegliere come target tutte le colonne all'interno di un contenitore Bootstrap in modo che possa fornire uno stile simile. Per esempio:

<div class="container unique"> 
    <div class="row"> 
    <div class="col-md-3"></div> 
    <div class="col-md-3"></div> 
    <div class="col-md-3"></div> 
    <div class="col-md-3"></div> 
    </div> 
</div> 

posso indirizzare questo con i CSS:

.unique .col-md-3{...} 

ma quello che voglio fare è quando ho molti diversi col-* elementi, di indirizzare tutti insieme.

ho provato questo:

.unique .col-*{...} 

ma non ha funzionato. Posso farlo con i CSS?

Answer 1

Pedro, quello che stai cercando si chiama attribute selector. Nel vostro caso particolare, è possibile utilizzarlo in questo modo:

.unique [class~=col] {color:red } 

ma si potrebbe anche utilizzare questo con le opzioni più ampie come

[class*=' col-'] 

per coprire precedente spazi bianchi.

Inoltre, qui si ha la same documentation in Spanish

Answer 2

L'attributo CSS contiene selettore può essere utilizzato per ottenere questo:

.unique [class*=col]{...} 

MDN è un sito di riferimento utile per selettori CSS. Per riferimento, i selettori di attributo si trovano here.