Foros del Web » Creando para Internet » CSS »

Compartir propiedades a varios DIV

Estas en el tema de Compartir propiedades a varios DIV en el foro de CSS en Foros del Web. Tengo lo siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original #contenedor4 #espacios #espacio1 #titulo {     height : 80px ; }   #contenedor4 #espacios #espacio2 ...
  #1 (permalink)  
Antiguo 07/08/2015, 09:35
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 3 meses
Puntos: 21
Compartir propiedades a varios DIV

Tengo lo siguiente:
Código CSS:
Ver original
  1. #contenedor4 #espacios #espacio1 #titulo{
  2.     height: 80px;
  3. }
  4.  
  5. #contenedor4 #espacios #espacio2 #titulo{
  6.     height: 80px;
  7. }
¿como debo escribir esto para unificar en una misma defición?
Gracias anticipadas
  #2 (permalink)  
Antiguo 07/08/2015, 09:49
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Compartir propiedades a varios DIV

Ponles la Misma Clase a todos y llamalos por 1 sola clase ;)

Código HTML:
Ver original
  1. #contenedor4 #espacios .espacios #titulo{
  2.     height: 30px;
  3.     background: #000;
  4.     color: #fff;
  5. }
  6.  
  7. <menu id="contenedor4">
  8. <div id="espacios">
  9. <div class="espacios">
  10. <span id="titulo">Titulo 1</span>
  11. </div>
  12.  
  13. <div class="espacios">
  14. <span id="titulo">Titulo 2</span>
  15. </div>
  16.  
  17. <div class="espacios">
  18. <span id="titulo">Titulo 3</span>
  19. </div>
  20.  
  21. <div class="espacios-no">
  22. <span id="titulo">Titulo 4</span>
  23. </div>
  24. </div>
  25. </menu>

estos estilos se los estoy poniendo a todas las Clases llamadas .espacios
Código CSS:
Ver original
  1. .espacios {
  2.   border-bottom: 1px solid #ccc;
  3.   width: 120px;
  4.   font-size: 28px;
  5. }

Demo:
http://codepen.io/AngelKrak/pen/zGbOgP
  #3 (permalink)  
Antiguo 07/08/2015, 10:08
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 3 meses
Puntos: 21
Respuesta: Compartir propiedades a varios DIV

Gracias AngelKrak,

En realidad mi código es más grande a como lo he mostrado.

Entiendo tu propuesta y agradezco tu buena idea, pero deseo es que en una misma definición unificar lo que ahora tengo definido de manera independiente en el CSS.

Este caso aplica a otras partes, por lo que en realidad deseo saber como se puede hacer una defición del tipo que estoy consultando.

Gracias nuevamente
  #4 (permalink)  
Antiguo 07/08/2015, 10:22
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 3 meses
Puntos: 21
Respuesta: Compartir propiedades a varios DIV

Ya lo resolví... se hace así:

Código CSS:
Ver original
  1. #contenedor4 #espacios #espacio1 #titulo, #contenedor4 #espacios #espacio2 #titulo{
  2.     height: 80px;
  3. }
  #5 (permalink)  
Antiguo 07/08/2015, 10:29
 
Fecha de Ingreso: diciembre-2013
Mensajes: 23
Antigüedad: 10 años, 4 meses
Puntos: 3
Respuesta: Compartir propiedades a varios DIV

No se si entendi tu pregunta pero solo debes poner una coma entre cada identificador, asi los seleccionas

Código CSS:
Ver original
  1. #contenedor4, #espacios, #espacio1, #titulo{
  2.         height: 80px;
  3.     }
  4.      
  5.     #contenedor4, #espacios, #espacio2, #titulo{
  6.         height: 80px;
  7.     }

espero esa sea la respuesta a lo que preguntabas... aunque es algo muy basico o., de no ser asi deberias ser mas descriptivo al plantear la pregunta,

Suerte
  #6 (permalink)  
Antiguo 07/08/2015, 10:34
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 22 años, 3 meses
Puntos: 21
Respuesta: Compartir propiedades a varios DIV

Gracias minari02... Así como indicas es la solución.
En mi anterior post publiqué mi solución y coincido contigo.

Etiquetas: propiedades
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:44.