語法
內容限制contain
Providing performance benefits by limiting calculations of layout.
Overview
Class | Declarations |
---|---|
contain:type | contain: type;
|
contain:none | contain: none;
|
contain:strict | contain: strict;
|
contain:content | contain: content;
|
contain:size | contain: size;
|
contain:layout | contain: layout;
|
contain:style | contain: style;
|
contain:paint | contain: paint;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="contain:content:hover contain:content@sm contain:content@dark contain:content@print">…</div>