Skip to main content
Título que puede ser más general y más fácil de encontrar, el título anterior era muy especifico aunque la respuesta resuelve este problema en varios casos
Origen Enlace

Aplicarle CSS Aplicar css a un classelemento padre si éste contiene un H3

Buenas. Tengo el siguiente código:

<div class="togglearea">
  <div class="toggle">
    <h3>Titulo</h3>
  </div>
</div>
<div class="togglearea">
 <div class="toggle">Titulo 2</div>
</div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Aplicarle CSS a un class padre si éste contiene un H3

Buenas. Tengo el siguiente código:

<div class="togglearea">
  <div class="toggle">
    <h3>Titulo</h3>
  </div>
</div>
<div class="togglearea">
 <div class="toggle">Titulo 2</div>
</div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Aplicar css a un elemento padre

Tengo el siguiente código:

<div class="togglearea">
  <div class="toggle">
    <h3>Titulo</h3>
  </div>
</div>
<div class="togglearea">
 <div class="toggle">Titulo 2</div>
</div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Buenas. Tengo el siguiente código:

<div class="togglearea"><divclass="togglearea">
 class="toggle"><h3>Titulo< <div class="toggle">
    <h3>Titulo</h3><h3>
  </div><div>
</div>
<div class="togglearea"><divclass="togglearea">
 <div class="toggle">Titulo 2</div><div>
</div>

He tratado (tanto como por csscss como por javascriptjavascript) de manera fallida que si el .togglearea.togglearea tiene un h3h3, aplicarle al .togglearea.togglearea un margin-leftmargin-left de 30px30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Buenas. Tengo el siguiente código:

<div class="togglearea"><div class="toggle"><h3>Titulo</h3></div></div>
<div class="togglearea"><div class="toggle">Titulo 2</div></div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Buenas. Tengo el siguiente código:

<div class="togglearea">
  <div class="toggle">
    <h3>Titulo</h3>
  </div>
</div>
<div class="togglearea">
 <div class="toggle">Titulo 2</div>
</div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea

Origen Enlace
MarisabelGC
  • 365
  • 4
  • 15

Aplicarle CSS a un class padre si éste contiene un H3

Buenas. Tengo el siguiente código:

<div class="togglearea"><div class="toggle"><h3>Titulo</h3></div></div>
<div class="togglearea"><div class="toggle">Titulo 2</div></div>

He tratado (tanto como por css como por javascript) de manera fallida que si el .togglearea tiene un h3, aplicarle al .togglearea un margin-left de 30px. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea