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 maneira. Um seletor de tags sempre conta com o nome da marca, tais 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 para 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 tudo

  e as marcas dentro do documento.

• etiqueta>etiqueta: Separando duas etiquetas com um sinal de maior que (>) Informa ao navegador para selecionar uma marca que tem uma outra tag como um pai. Por exemplo, se você tem

  e utilização div> p, o navegador irá selecionar o

  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 na medida em que a primeira tag não precisam de ser directamente imediatamente antes do segundo tag.

  Por exemplo, se você tem

  e utilização div> p, o navegador não selecione 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 utilização div + p, o navegador irá selecionar o

  tag. Note-se que o

  tag não aparecer dentro da marca, que aparece após a tag.

• etiqueta~etiqueta: Separando duas etiquetas com um til (~) Informa ao navegador para selecionar cada tag que aparece após uma outra tag. Por exemplo, se você tem

  e utilização div ~ p, o navegador irá selecionar tanto

  etiquetas. Isso é diferente de div + p, que informa ao navegador para selecionar apenas a primeira

  etiqueta que se segue a etiqueta.

• :raiz: Selecciona 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.