Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/02/2016, 13:53
Avatar de BramSt
BramSt
 
Fecha de Ingreso: abril-2015
Mensajes: 117
Antigüedad: 9 años
Puntos: 5
mañana tengo examen y no entiendo bien anidar divs

Hola, pues eso, que haciendo un ejercicio, resulta que si tengo un div dentro de otro tal que asi:

Código html:
Ver original
  1. <div id="div1">
  2.            
  3.                 <div class="divcabecera">
  4.                
  5.                     <p>Sudoku</p>
  6.                 </div>
  7. </div>

Pues me he dado cuenta de que parece que si trato de llamarlo en el css así:

Código CSS:
Ver original
  1. .divcabecera
  2. {
  3. width:100%;
  4.  
  5. }

Hay veces que no me pilla el código. Y si por otra parte tengo un codigo que sea:

Código CSS:
Ver original
  1. #div1 p
  2. {
  3. width:50%;
  4. }

A veces el .divcabecera toma las propiedaddes de #div1 p, sin saber a cuento de qué. O sea, anchura al 50%.

No nos han explicado mucho el tema de herencias y divs anidados, y no encuentro información concisa por ahí.

La pregunta es, para anidar identificadores, etiquetas, divs... debo seguir siempre la ruta completa de anidamientos?

Es decir, si para acceder correctamente a

.divcabecera

deberia llamarlo así:

#div1 .divcabecera

Y así me evito problemas de que haya conflictos con otros parrafos del div1...

Muchas gracias, espero haberme explicado bien.