Cómo utilizar un selector de etiquetas o un elemento en css3

Tag (o elemento) selectores son secuencias de caracteres en CSS3 que se utilizan para seleccionar las etiquetas como

y

. De hecho, usted puede seleccionar cualquier etiqueta HTML de esta manera. Un selector de etiquetas siempre se basa en el nombre de la etiqueta, tal como p o h1. Sin embargo, hay algunas combinaciones interesantes selector de etiquetas que usted debe conocer.

La siguiente lista le informa acerca de los selectores de etiquetas que se pueden utilizar, además del selector de etiquetas simple.

  • Tag,Tag: La separación de dos etiquetas con una coma significa seleccionar ambas etiquetas, independientemente del lugar en que aparecen en el documento. Por ejemplo, usando p, div sería seleccionar todo

    y

    etiquetas dentro del documento.

  • Tag>Tag: La separación de dos etiquetas con un signo mayor que (>) Indica al navegador para seleccionar una etiqueta que tiene otra etiqueta como padre. Por ejemplo, si usted tiene

    y use div> p, el navegador seleccionará el

    etiqueta.

  • Tag Tag: La separación de dos etiquetas por un espacio indica al navegador para seleccionar una etiqueta que aparece dentro de otra etiqueta. Este selector difiere del uso de un signo de mayor que en que la primera etiqueta no tiene por qué aparece directamente inmediatamente antes de la segunda etiqueta.

    Por ejemplo, si usted tiene

    y use div> p, el navegador no seleccione nada. Sin embargo, si utiliza div p en cambio, el navegador seleccione el

    etiqueta.

  • Tag+Tag: La separación de dos etiquetas con un signo más (+) indica al navegador para seleccionar una etiqueta que aparece inmediatamente después de otra etiqueta. Por ejemplo, si usted tiene

    y use div + p, el navegador seleccionará el

    etiqueta. Observe que el

    etiqueta no aparece dentro de la

    etiqueta, que aparece después de la
    etiqueta.

  • Tag~Tag: La separación de dos etiquetas con una tilde (~) Indica al navegador para seleccionar todas las etiquetas que aparece después de otra etiqueta. Por ejemplo, si usted tiene

    y use div ~ p, el navegador seleccionará ambos

    las etiquetas. Esto difiere de div + p, que le dice al navegador para seleccionar sólo la primera

    etiqueta que sigue el

    etiqueta.

  • : root: Selecciona el elemento raíz del documento. El elemento raíz depende del tipo de documento. Este selector se utiliza normalmente con documentos XML, pero potencialmente podría utilizarlo con cualquier tipo de documento.