Unity3D :伪类

推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:场景编辑器

伪类

伪类缩小了选择器的范围,因此它仅在元素进入特定状态时匹配元素。

将伪类追加到简单选择器,以便在特定元素处于特定状态时匹配它们。例如,当用户将指针悬停在元素上时,以下 USS 规则使用伪类来更改元素的颜色。:hoverButton

Button:hover {
    background-color: palegreen;
}

支持的伪类

下表列出了支持的伪类。不能扩展伪类或创建自定义伪类。

伪类在以下情况下匹配元素
:hover光标位于元素上。
:active用户与元素交互。
:inactive用户停止与元素交互。
:focus元素具有焦点。
:selectedUSS 不支持这种伪状态。请改用。:checked
:disabled元素处于禁用状态。
:enabled元素处于启用状态。
:checked该元素是一个切换单选按钮元素,它已被选中。
:root该元素是可视化树.

链伪类

可以将伪类链接在一起,以便对多个并发状态应用相同的样式。例如,以下 USS 规则将 和 伪类链接在一起,以便在用户将指针悬停在选中元素上时更改这些元素的颜色。:checked:hoverToggle

Toggle:checked:hover {
  background-color: yellow;
}

选中切换开关但指针未悬停在其上时,选择器将不再匹配。

根伪类

伪类匹配可视化树中的最高元素。它与其他受支持的伪类略有不同,因为您可以单独使用它来定义样式表影响的元素的默认样式。:root

例如,以下 USS 规则设置默认字体。任何未从更具体的样式规则获取其字体的元素都使用该字体。

:root {
  -unity-font: url("../Resources/fonts/OpenSans-Regular.ttf");
}

选择器的常见用途是声明“全局”变量(自定义属性),其他样式规则可以使用这些变量而不是特定值。:root

3D建模学习工作室整理翻译,转载请注明出处!

上一篇:Unity3D :选择器列表 (mvrlink.com)

下一篇:Unity3D :USS 数据类型 (mvrlink.com)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号