الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> :root { --primary: #0275d8; } button { color: var(--primary); border: 2px solid var(--primary); padding: 10px 20px; } a { --primary: crimson; color: var(--primary); } </style> </head> <body> <h1>CSS Override Global Variables</h1> <p>Global variable can be redeclared locally for specific element(s).</p> <button>Global Color</button> <a>Local color</a> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود