澶у濂斤紝鎴戞槸鍗婂馃懘锛屼竴涓垰寮€濮嬪啓浣滅殑娌欓洉绋嬪簭鍛樸€傚枩娆㈡垜鐨勬枃绔犲彲浠ュ叧娉ㄢ灂鐐硅禐馃憤鍔犳垜寰俊锛歠rontendpicker锛屼竴璧峰涔犱氦娴佸墠绔紝鎴愪负鏇村ソ鐨勫伐绋嬪笀~鍏虫敞鍏紬鍙凤細鎼炲墠绔崐澶忥紝瀛︽洿澶氬墠绔?缁堢粨鐭ヨ瘑锛佺偣鎴戞帰绱㈡柊涓栫晫锛佸師鏂囬摼鎺?=>http://sylblog.xin/archives/43鍓嶈█澶у鏁扮紪绋嬭瑷€鍦ㄨ瑷€鍑虹幇鐨勯偅涓€鍒婚兘鏀寔鍙橀噺銆傜劧鑰岋紝CSS涓€寮€濮嬪氨涓嶆敮鎸佸師鐢熷彉閲忋€備簬鏄ぇ瀹跺紑濮嬮€夋嫨SCSS銆丩ESS绛夊吋瀹笴SS鐨勬墿灞曡瑷€銆傚垢杩愮殑鏄紝CSS鐜板湪涔熸敮鎸佸彉閲忋€傚畾涔夊彉閲廕S涓殑鍙橀噺鍙互杩欐牱瀛樺湪锛歷arvariable;鍦–SS涓紝鍙橀噺浠ヤ袱涓?寮€澶淬€俤iv{--divWidth:100px}鍙橀噺浣滅敤鍩熷叏灞€浣滅敤鍩燂細root:root{--bk-color:red}灞€閮ㄤ綔鐢ㄥ煙div{--divWidth:100px}鍚屼竴涓彉閲忓彲浠ュ嚭鐜板湪涓嶅悓浣滅敤鍩焏iv{--divWidth:100px}span{--divWidth:100px}鍙橀噺鍚嶅尯鍒嗗ぇ灏忓啓锛歳oot{--color:blue;--COLOR:red;}浣跨敤鍙橀噺鍦⊿CSS涓紝鎴戜滑杩欐牱瀹氫箟鍜屼娇鐢ㄥ彉閲忥細$font-size:20pxdiv{font-size:$font-size}鍦–SS涓紝鎻愪緵浜唙ar()鍑芥暟鏉ヤ娇鐢ㄥ彉閲忥紝涓婇潰鐨凷CSS鍙互鏀规垚杩欐牱锛歳oot{--font-size:16px}.div{font-size:var(--font-size)}娉ㄦ剰锛氳涓嶈浣跨敤宸叉湁鐨勫睘鎬у悕浣滀负鍙橀噺鍊笺€傚彟澶栬涓嶈浣跨敤var浣滀负灞炴€у悕绉般€備笅闈㈢殑渚嬪瓙鏄敊璇殑::root{--fontSize:font-size}.div{var(--fontSize):16px}鍙互缁ф壙鍙互鍦ˊmedia淇敼鍙互鍦℉TML鐨剆tyle灞炴€т腑浣跨敤
