Selectores fillos

Pode suceder que queiramos aplicar un estilo cando un elemento sexa fillo directo doutro. A regra de estilo aplicarase ó selector fillo sempre e cando o selector pai o conteña directamente sen haber outros selectores por medio:

selectorPai > selectorFillo{
  propiedade1:valor1;
  ...
  propiedadeN:valorN;
}

Este tipo de selectores  non teñen o efecto esperado en Internet Explorer.

Exemplo de regra de estilo:

p > b {
  color: red;
}

Exemplo de código HTML:

<p>Fillos directos do parágrafo: <b>Fillo 1</b> e <b>fillo 2</b>.<br />
Fillos indirectos do parágrafo : <i><b>Neto 1 - Fillo de itálica e neto do parágrafo</b></i></p>

Visualización (agás en Internet Explorer):

Fillos directos do parágrafo: Fillo 1 e fillo 2.
Fillos indirectos do parágrafo : Neto 1 - Fillo de itálica e neto do parágrafo


Anterior Seguinte