Clasificación CSS

[zoloquoki]

Hola! Tengo 1 preguntas existencial!

Se puede repetir el mismo div si en el css lo tengo definido así:

Código:

	
.thrColFixHdr #mainContent {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 255px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
	border-bottom: 1.5px solid #333333;
    }

Es decir, si quiero repetir el mismo div para poner otra información pero de otra relación, o habrá que hacer de esa manera tal como lo tengo definido en mi css:

Código:

	.thrColFixHdr #mainContent {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 255px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
	border-bottom: 1.5px solid #333333;
    }
	.thrColFixHdr #mainContent2 {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 205px;
	background-color: #E4E4E4;
	margin-bottom: 15px;
	border-left: 1.5px solid #333333;
	border-bottom: 1.5px solid #333333;
    }
	.thrColFixHdr #mainContent3 {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 205px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
    }

Muchas gracias!!

salu2!

[Speztro]

no se te entiende muy bien pero vamos intento responderte:

puedes repetir tantos divs como quieras asignándoles una misma clase css (div class=""), también podrías repetir divs con el mismo id (div id="") pero no estaría del todo bien, se supone que los id son únicos, pero poder, se puede y funciona.

[zoloquoki]

gracias speztro! Si que has entendido a mi pregunta.

tal como

Y ahora, será posible crear "grupo" en la hoja css para insertar automaticamente en HTML, es decir, dentro de un div hay otros 3 div`s para las esquinas redondeadas y background.

A mi manera, me resulta bastante pesado ir añadiendo manualmente dentro del div (principal) para añadir otros 3 div's para las esquinas.

Lo más facil sería seleccionar el "grupo div id" donde inserte también otros 3 de manera automatica. Todo esto es para crear contenedores centrales independientes de diferentes informaciones.

gracias!

[Speztro]

si, en el css se pueden enlazar estilos, de tal modo que si tienes un

#capa1 div.capa2{estilos}

se aplicarán los estilos a la capa dos y en el html sólo tienes que poner una capa <div id="capa1"> y dentro todas las capa2 que quieras <div class="capa2"> que pillarán los estilos automáticamente.

[jomaruro]

Hola:

Iniciado por Speztro

si, en el css se pueden enlazar estilos, de tal modo que si tienes un

#capa1 div.capa2{estilos}

se aplicarán los estilos a la capa dos y en el html sólo tienes que poner una capa <div id="capa1"> y dentro todas las capa2 que quieras <div class="capa2"> que pillarán los estilos automáticamente.

Pero zoloquoki lo ha planteado al revés:

Iniciado por zoloquoki

.thrColFixHdr #mainContent {estilos}

¿Te has dado cuenta?

Saludos.

[kseso?]

Una buena práctica que tiene sus beneficios es definir la propiedades comunes conjuntamente y después especificar las particularidades de cada una de ellas:

Código css:

.thrColFixHdr {/*propiedades de éste*/}
 
.thrColFixHdr #mainContent,
.thrColFixHdr #mainContent2,
.thrColFixHdr #mainContent3 {
padding: 0 10px;
margin: Npx Npx Npx Npx;
background: ...
}
 
.thrColFixHdr #mainContent {color: #cdcdcd;}
.thrColFixHdr #mainContent2 {color: #444;}
.thrColFixHdr #mainContent3 {color: #8BB033;}
 

Ah! por cierto, los píxeles no los puedes partir. Lo digo por esto: border-right: 1.5px solid #333333;

Un saludo

[Speztro]

Bueno, pues al revés no se puede, no se puede referenciar, desde css, a los elementos html padres pero si a los elementos hijo.

pero con este código:
.estilo1 #estilo2{}

se podría trabajar una maquetación de este modo:
<div class="estilo1">
<div id="estilo2"></div>
</div>

pero no estaría bien usado contextualmente, ya que se pretende que los id sean únicos.