Bootstrap CSS-Klassen Platzhalter

Question

Ich möchte alle Spalten in einem Bootstrap-Container anzielen, damit ich dann einen ähnlichen Stil geben kann. Zum Beispiel:

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

Ich kann dies mit CSS Ziel:

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

aber was ich will ist tun, wenn ich viele verschiedene col-* Elemente haben, sie alle zusammen zu zielen.

Ich versuchte dies:

.unique .col-*{...} 

aber es hat nicht funktioniert. Kann ich das mit CSS machen?

Answer 1

Pedro, was Sie suchen, heißt attribute selector. In Ihrem speziellen Fall, können Sie es wie folgt verwenden:

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

aber man könnte dies auch mit mehr breiten Möglichkeiten nutzen, wie

[class*=' col-'] 

vorhergehenden weiße Flächen zu decken.

Auch hier haben Sie die same documentation in Spanish

Answer 2

Das CSS-Attribut enthält Selektor verwendet werden kann, um dies zu erreichen: für CSS-Selektoren

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

MDN ist eine nützliche Referenz-Website. Als Referenz werden die Attributselektoren here gefunden.