CSS - Ben css yoluyla eklemek için herhangi bir "kolay" yolu olup olmadığını merak tüm div

Question

sınır ekleyin Diyelim: olursa olsun id's ne tüm div öğelerine

border: 1px solid red;

.

Bunun çok basit bir soru olabileceğini (ya da hiç mümkün olmadığını) ve bunun yeterince açık olduğunu umuyorum.

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

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

Aslında istediğiniz sonucudur

HTML

<div id="one"> 

</div> 

<div id="two"> 

</div> 

ve CSS:

#one{ 

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

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

Sadece netleştirmek için hep şeffaf var diyelim Bunu havi olmadan başarmak istiyorum tek tek gitmek için.

Şimdiden teşekkürler!

Lütfen herhangi bir açıklama isteyin!

Answer 1

div { 
    border: 1px solid #000000; 
} 

Answer 2

@ McAden'ın yanıtına katılıyorum.

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

Answer 3

Belki de bu size yardımcı olacaktır:

McAden Söylediğim gibi

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

Answer 4

, size istediğiniz div'leri belirtmek isteyebilirsiniz Alternatif olarak, anında stil eklemek için jquery kullanabilirsiniz tarzı. Bunun yerine her bir sınıf ekleme

.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 tüm öğeleri için

<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

kullanarak, böyle bir yaklaşım denemek isteyebilirsiniz div

CSS [Dave Raggett tarafından, W3 barındırılan makalesinde] belki bu başlayarak nasıl çalıştığını temelleri etrafında okuma öneririm

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