पहचान-पत्र है कि एक ही पत्र के साथ खत्म होता है के लिए एक ही शैली

Question

मैं अपनी स्क्रीन में है कुछ तालिकाओं कि उनके आईडी "परीक्षण" के साथ समाप्त होता है: studentsTest, marksTest, classesTest आदि

मैं उन सभी में एक ही शैली करना चाहते हैं । क्या उन सभी वस्तुओं के लिए शैली को परिभाषित करने का कोई तरीका है जो आईडी समान वर्णों के साथ समाप्त होता है?

धन्यवाद Devora

Answer 1

यदि आप अपना मार्क-अप, सबसे आसान और सबसे क्रॉस- इस प्राप्त करने का ब्राउज़र शिकायत तरीका उदाहरण के लिए, 'परीक्षण' वर्ग का उपयोग करने के लिए है:

.test {background-color:#FC0;} 

<table id="students" class="test">...</table> 
<table id="marks" class="test">...</table> 
<table id="classes" class="test">...</table> 

आप मार्क-अप को बदलने में सक्षम नहीं कर रहे हैं, लेकिन आप jQuery का उपयोग करने की आईडी अंत शैली दे सकते हैं सक्षम हैं, तो 'टेस्ट' के साथ:

$(document).ready(function(){ 

    $('table[id$=test]').css('background-color','#FC0'); 

}); 

आपका अंतिम विकल्प, यदि आप नहीं कर सकते हैं या नहीं jQuery (या समान) का उपयोग नहीं करेंगे शुद्ध CSS3 का उपयोग करना है। यह उपरोक्त के समान वाक्यविन्यास का उपयोग करता है लेकिन केवल अधिक आधुनिक ब्राउज़रों में काम करेगा:

table[id$=test] {background-color:#FC0;} 

Answer 2

W3C के अनुसार यह सैद्धांतिक रूप से संभव है, लेकिन केवल सीएसएस में 3.

ई [foo $ = "बार"] एक ई तत्व जिसका "foo" विशेषता मान वास्तव में समाप्त हो जाती है स्ट्रिंग "बार"

हालांकि मैं कहता हूँ कि हम इस बारे में यह जा रहा है क्योंकि यह केवल नवीनतम ब्राउज़रों में काम करेंगे की तेह सबसे अच्छा तरीका से दूर है साथ । मुझे यह भी संदेह है कि प्रदर्शन बहुत अधिक होगा। मेरा सुझाव है कि आप उन तत्वों को दें जिन्हें आपको एक सामान्य शैली को कक्षा में साझा करने की आवश्यकता है और फिर कक्षा को शैली दें।

Answer 3

यह एक ऐसा मामला है जहां आप निश्चित रूप से कक्षाओं का उपयोग करेंगे।

<table id="studentsTest" class="test"? 

अजीब कारण किसी तरह का के लिए आप इस का उपयोग करने में असमर्थ हैं आप this jqery regex फिल्टर कि वाइल्डकार्ड सहित तत्वों का चयन करने में सक्षम होना चाहिए की कोशिश कर सकते।

Answer 4

मैं सिर्फ इतना की तरह उन्हें एक वर्ग को जोड़ने के लिए सुझाव है:

<table class="test"> 

तो बस परीक्षण वर्ग

.test { 
    border: 1px solid #f00; 
} 

शैली आदि आदि बेहतर और भी बहुत कुछ अर्थ। इस तरह आप अपने आईडी में टेस्ट प्रत्यय छोड़ सकते हैं और केवल छात्रों, अंक आदि के साथ जा सकते हैं जो निश्चित रूप से वर्णन करता है कि आपकी तालिका में