לפעמים – לא לעתים קרובות, יש להודות, לפחות לא לי – קורה שצריך לעצב אלמנטים עפ”י המיקום שלהם, באופן שחוזר על עצמו. הפעם האחרונה שנתקלתי בזה היתה כשהייתי צריכה לעצב את גרסת המובייל של האתר שלי. אז לרזולוציה הנמוכה ביותר רחלי המליצה לתת after לכל בלוק של פוסט, כאשר ה-after-ים משתנים 3 פעמים:
מאחר שאינני מרבה להשתמש בסלקטור ה-nth-child עם משתנים, קשה לי לזכור איך לכתוב את המשתנים באופן שאני רוצה.
כנראה שאינני היחידה, מפני שמישהו הקים אתר בשם nth-test, ושם אפשר להכניס את התבנית שרוצים – למשל 3n+2 – ולראות על אילו אלמנטים זה משפיע, ולתקן בהתאם. זה היה ממש אחלה בשבילי, אז כמובן שבאתי לספר גם לכם 🙂
עדכון 7/6/2016: מצאתי גם אתר הפוך: מסמנים אילו פריטים רוצים שיושפעו, ומקבלים את הסלקטור הנחוץ. NICE!