Arbeta med CSS-väljare i Selenium Automation
- CSS-väljare identifierar webbelement genom deras attribut, struktur eller relationer i DOM
- Snabbare exekvering jämfört med XPath i de flesta webbläsarmiljöer
- Stöds genom metoden find_element(By.CSS_SELECTOR, "selector") i Selenium
Grundläggande CSS-lokaliseringsmönster
- ID: #elementId
- Klass: .className
- Taggnamn: tagg
- Attribut: input[type='text']
- Kombinerat: div.header > nav#main
Avancerade CSS-tekniker
- Barnkombinator: förälder > barn
- Attribut partiell matchning: a[href='kontakt']
- Börjar med: div[class^='nav']
- Slutar med: img[src$='.png']
- Pseudoklasser: button:disabled, tr:nth-child(even)
CSS-väljare mot XPath-jämförelse
| Kriterier | CSS-väljare | XPath |
|---|---|---|
| Prestanda | Generellt snabbare | Långsammare i de flesta webbläsare |
| Syntaxkomplexitet | Koncis syntax | Fler utförliga uttryck |
| Flexibilitet | Begränsad textmatchning | Fullständig DOM-genomgång |
| Webbläsarsupport | Inbyggd webbläsaroptimering | Varierar beroende på implementering |
Vanliga användningsfall
- Dynamiska element utan fasta ID:n
- Element med flera klassnamn
- Komplex hierarkinavigering
- Attributbaserad elementfiltrering
Copyright ©trylatt.pages.dev 2026