ב-CSS יש משתנה בשם currentColor
הוא מקבל ושומר את הצבע האחרון שנקבע לו, זה יכול להיות מאותו רכיב או מרכיב שעוטף אותו או רכיב שעוטף אותו וכו'……
כדי להבין יותר טוב צרפתי את הדוגמה הבאה:
<div class="a"> AAAAA <div class="b"> BBBBB <div class="c"> CCCCC <div class="d">DDDDD</div> <div class="d">DDDDD</div> <div class="d">DDDDD</div> </div> </div> </div>
div { padding: 10px; } .a { color: green; border: 4px solid currentColor; } .b { color: blue; border: 4px solid currentColor; } .c { background-color: red; border: 4px solid currentColor; } .d { color: wheat; background-color: orange; border: 4px solid currentColor; }

אפשר ליראות שהגבולות של A מקבלים את צבע הפונט שהוגדר לירוק,
לאחר מכן, ב-B הצבע משתנה לכחול וכך גם הגבולות.
ב-C אין שינוי צבע ולכן הגבולות שלו יורשים את הצבע מ-B והם בצבע כחול.
ב-D יש שוב שינוי צבע ולכן גם הגבולות משתנים.
ניתן לשים את הפרמטר הזה לכל מאפיין שמקבל צבע כערך, הרעיון הוא שמירה על אחידות לאורך האלמנטים ועל ידי שינוי במקום אחד כולם ישתנו.