Otevřete stránku, kde chcete vybrat prvek (tlačítko, odkaz, obrázek atd.).
Klikněte pravým tlačítkem myši na daný prvek.
Vyberte „Prozkoumat“ nebo „Inspect“ — otevře se vývojářský panel.
Najděte daný prvek v HTML
V otevřeném panelu se zvýrazní HTML kód přesně toho prvku, na který jste klikli.
Ujistěte se, že je označený správný element (měl by být zvýrazněný i na stránce).
Zkopírujte CSS selector
Klikněte pravým tlačítkem na zvýrazněný řádek v HTML.
Vyberte Copy → Copy selector (nebo českou variantu „Kopírovat → Kopírovat selektor“).
Názvy této volby se mohou mírně lišit podle prohlížeče:
• Google Chrome: Copy → Copy selector / Kopírovat → Kopírovat selektor
• Safari: Copy Selector Path / Cesta k selektoru
• Firefox: Copy → CSS Selector
Selector se uloží do schránky.
Tipy pro lepší přesnost
Preferujte selektory, které obsahují jedinečnou třídu nebo ID.
Pokud je selector příliš dlouhý (mnoho úrovní), zkuste ručně zkrátit část, která není nutná.
Vždy zkontrolujte, že prvek po vložení selectoru aplikace správně najde.