aplicar css a padre desde hijo

[timoteo666]

Que tal amigos del foro, hay alguna forma de aplicar css a un elemento padre tomando como base uno de sus hijos?? por eje si tengo los siguiente

Código HTML:

<table class="padre">
<tr>
<td><span class="hijo">Aqui el contenido</span></td>
</tr>
</table>

<table class="padre">
<tr>
<td><span class="otrohijo">Aqui el contenido</span></td>
</tr>
</table> 

me interesa ocultar todo la table que tiene la clase padre cuando esta contenga un span con clase hijo, sera posible con css??

[ryugen]

Con CSS actualmente no se puede hacer.

En el borrador de CSS4 esta planteado el selector "padre"

http://dev.w3.org/csswg/selectors4/#subject

E! > F an E element parent of an F element Determining the subject of a selector + Child combinator 4
[...]
EXAMPLE I
For example, the following selector represents a list item LI unique child of an ordered list OL:

OL > LI:only-child

However the following one represents an ordered list OL having a unique child, that child being a LI:

OL! > LI:only-child

The tree structures represented by these two selectors are the same, but the subjects of the selectors are not.

Hoy en día debería utilizar javascript para agregar una clase o el estilo ad-hoc. O en el lenguaje del lado del server que estes usando para generar esto, deberías tratar de detectar a cuales tablas se aplicaría la condicion y marcarlas con una clase en particular

[timoteo666]

Gracias ryugen, si lo he realizado con js pero tenia la duda si con el css era posible de cualquier forma muchas gracias por tu respuesta.

Iniciado por ryugen

Con CSS actualmente no se puede hacer.

En el borrador de CSS4 esta planteado el selector "padre"

http://dev.w3.org/csswg/selectors4/#subject



Hoy en día debería utilizar javascript para agregar una clase o el estilo ad-hoc. O en el lenguaje del lado del server que estes usando para generar esto, deberías tratar de detectar a cuales tablas se aplicaría la condicion y marcarlas con una clase en particular

[metacortex]

Una forma sería agregar una segunda clase a la tabla que quieres afectar:

Código HTML:

<table class="padre ocultar">
...
 

Código CSS:

.ocultar {
display: none;
}