Live
<div> <p>This is a paragraph.</p> <p style="--primary-color: goldenrod;"> The is a paragraph styled using inline CSS variable. </p> <p style="--primary-color: lightgreen;"> The is another paragraph styled using inline CSS variable. </p></div>
Live
x
p { color: var(--primary-color);}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.