बूटस्ट्रैप सीएसएस कक्षा वाइल्डकार्ड

Question

मैं बूटस्ट्रैप कंटेनर के अंदर सभी कॉलम को लक्षित करना चाहता हूं ताकि मैं एक समान शैली दे सकूं। उदाहरण के लिए:

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

मैं सीएसएस के साथ इस लक्षित कर सकते हैं:

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

लेकिन मुझे क्या करना चाहते है जब मैं कई अलग अलग col-* तत्वों है, उन सब को एक साथ लक्षित करने के लिए।

मैं इस कोशिश की:

.unique .col-*{...} 

लेकिन यह काम नहीं किया। क्या मैं इसे सीएसएस के साथ कर सकता हूं?

Answer 1

पेड्रो, जो आप खोज रहे हैं उसे attribute selector कहा जाता है। अपने विशेष मामले में, आप इसे इस तरह उपयोग कर सकते हैं:

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

लेकिन आप यह भी सफेद रिक्त स्थान पूर्ववर्ती कवर करने के लिए

[class*=' col-'] 

की तरह अधिक विस्तृत विकल्प के साथ इस इस्तेमाल कर सकते हैं।

इसके अलावा, यहाँ आप same documentation in Spanish

Answer 2

सीएसएस विशेषता है चयनकर्ता इस लक्ष्य को हासिल करने के लिए इस्तेमाल किया जा सकता:

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

MDN CSS चयनकर्ताओं के लिए एक उपयोगी संदर्भ साइट है। संदर्भ के लिए, विशेषता चयनकर्ता here पाए जाते हैं।