Visão geral
Se quiser ter certeza de que está destacando o elemento de IU correto em sua página, você pode especificar o elemento exclusivo que está anexando à etapa do seu Guia, utilizando o seletor CSS.
Observação: Você também pode conferir nosso tutorial em vídeo sobre como usar a opção Seletor CSS personalizado para selecionar o elemento HTML desejado.
O que é um seletor CSS?
Um seletor CSS é um padrão de elementos que informa ao navegador quais elementos HTML devem ser selecionados. A UserGuiding identifica o elemento que você selecionou usando seletores CSS, permitindo que você controle como o elemento é selecionado (área destacada do Tooltip).
Muitos seletores CSS se baseiam na classe, no tipo, no ID, no atributo do elemento, etc.
Quando devo usá-lo?
Os principais motivos:
- O elemento não pôde ser detectado adequadamente na página, o que acontece em casos raros.
- O único elemento não pôde ser encontrado devido à presença de muitos elementos semelhantes na página.
Como especificar manualmente os seletores CSS?
- Inspecione a página com o botão direito do mouse para localizar o elemento específico que você deseja destacar
- Encontre os seletores CSS dentro desse elemento.
- Ative a opção Custom CSS Selector na extensão do Chrome da UserGuiding.
- Digite o CSS selector no formato correto e salve suas alterações
Por exemplo, para selecionar um elemento com uma classe específica, escreva um caractere de ponto (.), seguido do nome da classe. Mais exemplos podem ser encontrados na tabela abaixo e aqui.
