CSS: selectores secundarios

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: selectores secundarios

Este tutorial de CSS explica cómo usar CSS selector de niños Con sintaxis y ejemplos.

describir

CSS selector de niños Utilice el carácter > para ubicar elementos que son hijos directos del tipo de elemento.

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 coincida el elemento2, que debe ser un elemento secundario directo del elemento1. style_properties Estilos CSS aplicados al elemento objetivo2.

notas

  • Los selectores de niños usan el > combinador para ubicar elementos que son niños directos de otro elemento.
  • Véase también selector de descendientes.

Compatibilidad del navegador

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

  • Aleación de cromo
  • Firefox (Geco)
  • Internet Explorer 7+ (IE 7+)
  • ópera
  • Safari (WebKit)

ejemplo

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

con

  • Etiqueta
  • Veamos un subejemplo de CSS donde aplicamos un subselector a

  • Etiqueta.

    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 niños establecerá

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

    En este ejemplo de subselector, solo como

      del hijo inmediato de la etiqueta

    1. La etiqueta solo recibe estilo del selector secundario (es decir, estilo con fuente roja).Entonces para
        tres bajo la etiqueta

      • Para etiquetas:

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

        no son

          Un elemento secundario directo de la etiqueta y, por lo tanto, no está diseñado por selectores de elementos secundarios.Si desea que se peinen con otros

        1. Al igual que las etiquetas, es posible que desee intentar usar selectores descendientes.

          (Visited 14 times, 1 visits today)