DIGITAL
∞
GEZGİN
π
Regex ve Parsing Lab

CSS Selector Tester

HTML üzerinde CSS selector eşleşmelerini test et.

Online Araç

CSS Selector Tester

checker
Çıktı burada görünür

Bu araç ne işe yarar?

HTML kodu üzerinde CSS selector eşleşmelerini test eder. Scraping, frontend debug ve DOM seçici hazırlığında kullanılır.

Nasıl kullanılır?

  1. selector satırına CSS seçiciyi yaz.
  2. --- altına HTML kodunu ekle.
  3. Test Et butonuna tıkla.
  4. Eşleşen elementleri ve metinleri kontrol et.

Örnek kullanım

Örnek girdi

selector=.post-title
---
<h2 class="post-title">Başlık</h2>

Örnek çıktı

1. h2 | Başlık

İpuçları

Selector çok genel olursa gereğinden fazla element eşleşebilir. Mümkünse class, id veya parent seçiciyle daralt.

Dijital İzler

Bu site; tamamlanan işlerin, yarım kalan fikirlerin, denenen araçların ve zamanla olgunlaşan projelerin küçük bir arşivi. Her not, ileride daha iyi bir çözüme dönüşebilecek bir iz bırakır.