Como usar um seletor de tag ou elemento em css3
Video: Matches CSS Selector Option in Google Tag Manager
Conteúdo
Tag (ou elemento) seletores são sequências de caracteres em CSS3 que você usa para escolher tags como
e
. Na verdade, você pode selecionar qualquer tag HTML desta forma. Um seletor de tags sempre conta com o nome da marca, como p ou h1. No entanto, existem algumas combinações interessantes seletor de tags que você deve conhecer.
A lista a seguir fala sobre seletores de tag que você pode usar, além do seletor de tags simples.
etiqueta,etiqueta: Separando duas etiquetas com uma vírgula significa selecionar ambas as marcas, independentemente de onde eles aparecem no documento. Por exemplo, usando p, div selecionaria todos
e tags dentro do documento.
etiquetagt;etiqueta: Separando duas etiquetas com um sinal de maior (gt;) Informa ao navegador para selecionar uma marca que tem uma outra tag como um pai. Por exemplo, se você tem
tag.
etiqueta etiqueta: Separando duas etiquetas por um espaço informa o navegador para selecionar um tag que aparece dentro de outra tag. Este seletor é diferente de usar um sinal de maior que em que a primeira tag não precisa aparecer diretamente imediatamente antes do segundo tag.
Video: Pure CSS Scrolling Marquee
Por exemplo, se você tem
E use divgt; p, o navegador não irá selecionar nada. No entanto, se você usar div p em vez disso, o navegador irá selecionar o
tag.
etiqueta+etiqueta: Separando duas etiquetas com um sinal de mais (+) informa ao navegador para selecionar um tag que aparece imediatamente após o outro tag. Por exemplo, se você tem
E use div + p, o navegador irá selecionar otag. Observe que o
marcação não aparecer dentro do tag, que aparece após o tag.
etiqueta~etiqueta: Separando duas etiquetas com um til (~) Informa ao navegador para selecionar cada tag que aparece após o outro tag. Por exemplo, se você tem
E use div ~ p, o navegador irá selecionar tantoTag. Isso difere do div + p, que informa ao navegador para selecionar apenas a primeira
Video: css selectors tutorial ( by element , class id ) - HTML5
tag que segue o tag.
:raiz: Seleciona o elemento raiz do documento. O elemento raiz depende do tipo de documento. Este seletor é usado normalmente com documentos XML, mas você poderia usá-lo com qualquer tipo de documento.