सीएसएस - सभी divs

Question

मैं सोच रहा था कि क्या कोई "आसान" जिस तरह से सीएसएस के माध्यम से जोड़ने के लिए था करने के लिए सीमा जोड़े का कहना है की सुविधा देता है:

border: 1px solid red;

सभी divs को

कोई बात नहीं क्या उनके id's हैं।

मुझे एहसास है कि यह एक बहुत ही बुनियादी सवाल हो सकता है (या बिल्कुल भी संभव नहीं) और मुझे उम्मीद है कि यह पर्याप्त स्पष्ट है।

बस स्पष्ट करने के लिए, मान लीजिए कि मैं गया:

एचटीएमएल

<div id="one"> 

</div> 

<div id="two"> 

</div> 

और सीएसएस

#one{ 
height: 10px; 
width: 10px; 
} 

#two{ 
height: 10px; 
width: 10px; 
} 

परिणाम मैं वास्तव में चाहते हैं:

#one{ 

height: 10px; 
width: 10px; 
border: 1px solid red; 
} 

#two{ 
height: 10px; 
width: 10px; 
border: 1px solid red; 
} 

मैं इसे बिना हवी के प्राप्त करना चाहता हूं एक से एक जाने के लिए एनजी।

अग्रिम धन्यवाद !!

कृपया किसी भी स्पष्टीकरण की आवश्यकता है!

Answer 1

div { 
    border: 1px solid #000000; 
} 

Answer 2

मैं @ मैकडेन के उत्तर से सहमत हूं। वैकल्पिक रूप से, आप मक्खी पर शैली को जोड़ने के लिए jQuery का उपयोग कर सकते हैं:

<script type="text/javascript"> 
    $('div').css('border','1px solid #000'); 
</script> 

Answer 3

शायद यह तुम्हारी मदद करेगा:

div#one, div#two{ 
    border:1px solid red; 
} 

Answer 4

रूप McAden कह रहे थे, तो आप जो divs आप करना चाहते हैं निर्दिष्ट करने के लिए चाहते हो सकता है अंदाज। प्रत्येक के लिए एक वर्ग जोड़ने के बजाय div आप इस तरह एक दृष्टिकोण की कोशिश करना चाहते हो सकता है,

.theseDivs div{ 
    /*styles here*/ 
} 

<div class="theseDivs"> 
    <div>Style applied here</div> 
    <div>and here, </div> 
</div> 
<div>but not here</div> 

Answer 5

CSS Using 
#one{ 
height: 100px; 
width: 100px; 
border:1px solid #000; 
} 
// you can use sepertely 
#two{ 
height: 100px; 
width: 100px; 
border-bottom: 1px solid #000; 
border-top: 1px solid #000; 
border-left: 1px solid #000; 
border-right: 1px solid #000; 
} 

JQuery का उपयोग करना

<script type="text/javascript"> 
    $('#one').css('border','1px solid #000'); 
</script> 

Answer 6

$('div').css("border", "1px solid #CCC");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
 
<div> 
 
1 
 
    <div> 
 
    3 
 
    </div> 
 
<div> 
 
2 
 
</div> 
 
</div>

Answer 7

सभी तत्वों के लिए

<style> * { 
    border: 1px solid #000000; 
} 
</style>