語法
網格模板grid-template
Setting grid columns, grid rows, and grid areas.
Overview
| Class | Declarations |
|---|---|
grid-template:value | grid-template: value;
|
grid-template:rows/columns | grid-template: rows/columns;
|
grid-template:areas|rows/columns | grid-template: areas rows/columns;
|
grid-template:none | grid-template: none;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-template:none:hover grid-template:none@sm grid-template:none@dark grid-template:none@print">…</div>