CSS: selector de descendientes

0

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

CSS: selector de descendientes

Este tutorial de CSS explica cómo usar CSS selector de descendientes Con sintaxis y ejemplos.

describir

CSS selector de descendientes Le permite localizar elementos descendientes de un tipo de elemento. El elemento no tiene que ser un hijo directo, sino cualquier descendiente.

sintaxis

La sintaxis para el selector :active CSS es:

element1 element2 { style_properties }

parámetro o parámetro

elemento1 El primer tipo de elemento que debe coincidir. El segundo tipo de elemento para que elemento2 coincida debe ser un descendiente de elemento1. style_properties Estilos CSS aplicados al elemento objetivo2.

notas

  • Los selectores de descendientes usan el carácter de espacio para ubicar elementos que son descendientes de otro elemento.
  • Véase también selector de niños.

Compatibilidad del navegador

Los selectores de descendientes de CSS tienen soporte básico para los siguientes navegadores:

  • Aleación de cromo
  • Firefox (Geco)
  • Navegador de Internet (IE)
  • ópera
  • Safari (WebKit)

ejemplo

Discutiremos los selectores descendientes a continuación, explorando ejemplos de cómo usar este selector en CSS.

con

  • Etiqueta

    • Veamos un ejemplo de descendientes de CSS donde aplicamos selectores de descendientes a

  • Marcos.

    CSS se ve así:

    ol li { color: red; }

    HTML se ve así:

    <ol>
  <li>TechOnTheNet.com</li>
  <ul>
    <li>Oracle/PLSQL</li>
    <li>SQL</li>
    <li>Excel</li>
  </ul>
  <li>CheckYourMath.com</li>
  <li>BigActivities.com</li>
</ol>

    El resultado se verá así (el selector de descendientes establecerá

  • estilo de la etiqueta, como se muestra a continuación):

    En este ejemplo de selector de descendientes, como

      marcar todos los descendientes

    1. Todos los marcadores tendrán estilo mediante selectores descendientes (es decir, estilo con fuente roja).Entonces para
        tres bajo la etiqueta

      • Para etiquetas:

        <li>Oracle/PLSQL</li>
<li>SQL</li>
<li>Excel</li>

        Aunque tres

      • las etiquetas no son
          hijos directos de las etiquetas, pero siguen siendo

            Descendientes de la etiqueta, así diseñados por el selector de descendientes.

            Esto funciona de manera diferente a los selectores de niños si se aplica a este ejemplo.

            (Visited 8 times, 1 visits today)