Guide

איך למצוא בורר CSS

המטרה היא לבחור סלקטור יציב שמזהה את האלמנט העסקי הנכון, גם אחרי שינוי עיצוב או עדכון תוסף.

מה עושים בפועל?

  1. 1. פתחו את האתר בדפדפן.
  2. 2. לחצו קליק ימני על האלמנט הרצוי ובחרו Inspect.
  3. 3. בחלון המפתחים מצאו את האלמנט שמסומן.
  4. 4. העתיקו סלקטור יציב, רצוי ID או data-test.

דוגמאות מהירות

טוב

#add-to-cart[data-test-id='checkout-btn']

פחות טוב

.bg-red-500.hover:bg-red-600.elementor-123 .button-primary