Bootstrap Caractère générique des classes CSS

Question

Je veux cibler toutes les colonnes à l'intérieur d'un conteneur Bootstrap afin que je puisse donner ensuite un style similaire. Par exemple:

<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>

Je peux cibler cela avec CSS:

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

mais ce que je veux faire, c'est quand j'ai beaucoup de différents col-* éléments, pour les cibler tous ensemble.

J'ai essayé ceci:

.unique .col-*{...}

mais ça n'a pas marché. Puis-je faire cela avec CSS?

Answer 1

Pedro, ce que vous recherchez s'appelle sélecteur d'attributs . Dans votre cas particulier, vous pouvez l'utiliser comme ceci:

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

mais vous pouvez également l'utiliser avec des options plus larges comme

[class*='col-']

pour couvrir les espaces blancs précédents.

Ici aussi, vous avez même documentation en espagnol

Answer 2

L'attribut CSS contient un sélecteur peut être utilisé pour y parvenir:

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

MDN est un site de référence utile pour les sélecteurs CSS. Pour référence, les sélecteurs d'attribut se trouvent ici .