CSS veya XPath seçici kullanarak bir öğe nasıl belirlenir?

CSS seçici kullanarak bir elementi belirlemek için, HTML yapısına ve özniteliklere dayanan çeşitli yöntemler kullanılır:

• Etiketle: div, input, button vb.
• Sınıf ile: .sınıfAdı (örneğin, .btn-primary)
• Kimlik ile: #elementId
• Özniteliklerle: [type='text'], [name='kullaniciAdi']
• Kombinasyonlar: div.sınıfAdı, ul > li:first-child

CSS seçici örneği:

input[type='submit'].btn

XPath, DOM yolunu ve koşulları kullanarak öğeleri daha esnek ve kesin şekilde bulmaya olanak tanır:

• Etiketle: //div
• Öznitelikle: //input[@type='text']
• Metinle: //button[text()='Gönder']
• İndeksle: (//li)[3] — üçüncü li öğesi
• Diğer öğelere göre: //div[@id='ana']//a[@class='link']

XPath örneği:

//input[@name='kullaniciAdi' and @type='text']

Bu nedenle, CSS ve XPath arasındaki seçim, göreve ve sayfa yapısına bağlıdır. CSS daha basit ve hızlıdır, XPath ise karmaşık koşullar için daha güçlüdür.