Skip to main content

style:

style: 指令提供了在元素上设置多个样式的简写方式。

<!-- 这两种方式是等价的 -->
<div style:color="red">...</div>
<div style="color: red;">...</div>

值可以包含任意表达式:

<div style:color={myColor}>...</div>

允许使用简写形式:

<div style:color>...</div>

可以在单个元素上设置多个样式:

<div style:color style:width="12rem" style:background-color={darkMode ? 'black' : 'white'}>...</div>

要将样式标记为 important,使用 |important 修饰符:

<div style:color|important="red">...</div>

style: 指令与 style 属性组合使用时,指令将优先生效:

<div style="color: blue;" style:color="red">这里将显示为红色</div>

在 GitHub 编辑此页面

上一页 下一页