Cómo utilizar un selector de etiquetas o elemento de css3
Tag (o elemento) selectores son secuencias de caracteres en CSS 3 que se utilizan para seleccionar las etiquetas, tales como
y
Video: Propiedad z-index en CSS
. De hecho, se 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 debe conocer.
La siguiente lista le informa acerca de los selectores de etiquetas que se pueden utilizar, además del selector de etiquetas simples.
Etiqueta,Etiqueta: Que separa dos etiquetas con una coma significa seleccionar ambas etiquetas, independientemente del lugar en que aparecen en el documento. Por ejemplo, usando p, div seleccionaría todos
Video: Animar elementos html fácilmente con Animate.css
y etiquetas dentro del documento.
Etiquetagt;Etiqueta: Que separa dos etiquetas con un signo de mayor que (gt;) Indica al navegador para seleccionar una etiqueta que tiene otra etiqueta como padre. Por ejemplo, si usted tiene
y use divgt; p, el navegador seleccionará eletiqueta.
Etiqueta Etiqueta: La separación de dos etiquetas por un espacio le dice al navegador para seleccionar una etiqueta que aparece dentro de otra etiqueta. Este selector se diferencia del uso de un signo mayor que en los que la primera etiqueta no tiene por qué aparece directamente inmediatamente antes de la segunda etiqueta.
Por ejemplo, si usted tiene
y use divgt; p, el navegador no seleccione nada. Sin embargo, si utiliza div p en cambio, el navegador va a seleccionar eletiqueta.
Etiqueta+Etiqueta: Que separa 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á eletiqueta. Observe que el
etiqueta no aparece dentro de la etiqueta, que aparece después de la etiqueta.
Etiqueta~Etiqueta: Que separa dos etiquetas con una tilde (~) Indica al navegador para seleccionar cada etiqueta que aparece después de otra etiqueta. Por ejemplo, si usted tiene
y use div ~ p, el navegador seleccionará tantolas etiquetas. Esto difiere de div + p, que indica al navegador para seleccionar sólo la primera
etiqueta que sigue a la etiqueta.
:raíz: 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 que potencialmente podría utilizar con cualquier tipo de documento.