質問: ``` .header{ display: -webkit-box; /*Android4.3*/ display: -moz-box; /*Firefox21*/ display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /*PC-Safari,iOS8.4*/ display: flex; } ``` このbrowserごとに設定しているdisplay: flex; を一つにまとめてdisplayFlexAllのような変数として使いたいと考えております。 試しに ``` :root { --displayFlexAll:( display: -webkit-box; /*Android4.3*/ display: -moz-box; /*Firefox21*/ display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /*PC-Safari,iOS8.4*/ display: flex; ); } .header{ var(--displayFlexAll) } ``` などとしてみましたが、うまくいかず →「CSS変数 配列」「CSS 関数」などで調べてみても出てこず こちらもし何か方法がわかる方がいましたら回答よろしくお願いいたします。
回答: SCSSの方がいいかもしれません * CSSのメタ言語Sass(SCSS)、LESSの完全入門