例えば、LESSにてgrid layout利用時、以下のように書くと ```less item { grid-row: 1 / 3; } ``` コンパイル時に勝手にcalcされて ``` grid-row: 0.33333333; ``` こうなる。 /をエスケープする必要があるが、やり方は以下 ```less ietm { grid-row: 1 e("/") 3; } ``` ちなみに、SCSSでは以下のようにする。 ```scss item { grid-row: 1 #{'/'} 3; } ```
2019/10/21 18:28:25

コメント (3)

ID : 407
lessソース時に ```css item { grid-row: calc(1 / 3); } ``` って書いてあったらどうなる?
2019/10/23 19:33:52
ID : 408
1/3が普通に計算されて ```less grid-row: calc(0.333333); ``` になる。 grid-rowに小数点は指定できず、不正だから何も起こらない。
2019/10/23 21:33:26
ID : 409
そうか`grid-row`は[スラッシュ区切りで書かないといけない](http://www.htmq.com/css/grid-row.shtml)のか。 コンパイラが悪そうだな。。
2019/10/25 16:38:41

あなたもコメントしてみませんか

アカウント新規作成(無料)

既にアカウントを持っている方は ログイン