Quando você seleciona elementos para destacar em um Tooltip/Input/Hotspot, a UserGuiding pode localizá-los com precisão por meio da opção Custom CSS Selector.

Entretanto, se seus elementos tiverem atributos HTML dinâmicos, o que significa que o ID, a classe etc. serão alterados após cada atualização da página, nosso seletor CSS personalizado não funcionará corretamente.
​
Nesse caso, você pode tentar encontrar outras opções de atributos HTML que não estejam mudando (pode ser o caso de href, aria-label etc.).

Localizar e usar um atributo HTML imutável

Neste exemplo, destacaremos um elemento HTML do aplicativo Gmail localizando um atributo que não é dinâmico.

• Clique com o botão direito do mouse no elemento e clique em inspecionar.
  
  
• Procure um atributo de seu elemento HTML que não seja alterado. Em nosso exemplo, escolheremos o atributo aria-label
  

• Copie e cole-o no campo do seletor CSS
• Remova as aspas
• Envolva o atributo com colchetes
• Salvar e publicar alterações
  

• Você verá que as alterações serão aplicadas imediatamente e o mesmo elemento será sempre destacado, mesmo que esteja mudando dinamicamente.
  

Você pode tentar encontrar outros atributos HTML imutáveis e usar o mesmo formato: [attribute=value].

Importante: se todos os seus atributos HTML forem dinâmicos, você pode pedir aos desenvolvedores que atribuam um atributo ao seu elemento para que você possa destacá-los com precisão.