CSS - Añadir frontera para todos los divs

Me preguntaba si había alguna manera "fácil" para añadir través de CSS permite decir:CSS - Añadir frontera para todos los divs

border: 1px solid red;

a todos los divs no importa lo que sus id's son.

Me doy cuenta de que esta podría ser una pregunta muy básica (o imposible) y espero que sea lo suficientemente clara.

Solo para aclarar, digamos que he consiguió:

HTML

<div id="one"> 

</div> 

<div id="two"> 

</div>

y CSS

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

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

El resultado realmente quiero es:

#one{ 

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

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

Quiero lograr esto sin havi ng para ir uno por uno.

Gracias de antemano!

¡Solicite cualquier aclaración necesaria!

Fuente

2010-10-26 Trufa

Sugiero leer los conceptos básicos de cómo funciona CSS, quizás comenzando con este [artículo alojado en W3, por Dave Raggett] (http://www.w3.org/MarkUp/Guide/Style). –

Ahora que veo que fue una pregunta bastante estúpida :) ¡¡Simplemente estaba bloqueada !! gracias a todos – Trufa

Opera tiene un [curso gratuito en línea sobre HTML y CSS] (http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/). Es realmente completo y va a un ritmo relajado. Un montón de ejemplos también. –

div { 
    border: 1px solid #000000; 
}

Fuente

2010-10-26 21:24:02 McAden

No puedo creer que no pudiera verlo venir, muchas gracias.perdón por la pregunta tonta, muchas gracias – Trufa

No es una pregunta estúpida en absoluto, simplemente no entiendo completamente cómo funciona css. Sin embargo, recomendaría usar una clase si esto pretende ser útil. la mayoría de las páginas tienen tantos objetos div que agregar un borde a cada uno sería una locura. – McAden

Acepto la respuesta de @Macden. Como alternativa, puede utilizar jQuery para añadir el estilo sobre la marcha:

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

Fuente

2010-10-26 21:27:40 code90

El votante a la baja realmente * debería * haber explicado su voto negativo, pero me atrevo a adivinar que tiene que ver con cosas que complican demasiado. Lo que dices es * verdadero *, pero sobre-mata para la situación particular. –

Tal vez esto le ayudará a:

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

Fuente

2010-10-26 21:29:09

No es exactamente lo que preguntó, pero es bueno enseñarle la sintaxis de coma. –

Como McAden estaba diciendo, es posible que desee especificar qué divs desea estilo. En lugar de añadir una clase a cada div es posible que desee probar un enfoque de este tipo,

.theseDivs div{ 
    /*styles here*/ 
} 

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

Fuente

2010-10-26 22:36:23 sissonb

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 Usando

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

Fuente

2015-02-18 05:02:47

$('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>

Fuente

2016-02-10 09:16:18

Para todos los elementos

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

Fuente

2017-03-17 14:06:01

CSS - Añadir frontera para todos los divs

Respuesta

Cuestiones relacionadas