CSS :root CSS pseudo-class and CSS variables
RJM Programming - September, 2026 ... thanks to
this advice
Apply CSS at Right
<style> /* 1. Define global variables at the root level */ :root { --primary-color: #3498db; --secondary-color: #2ecc71; --main-padding: 15px; --base-font-size: 16px; } /* 2. Use those variables anywhere in your stylesheet */ body { font-size: var(--base-font-size); } .button { background-color: var(--primary-color); padding: var(--main-padding); } </style>