Unity3D :子选择器

推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生

子选择器

USS 子选择器匹配的元素是可视化树
.

语法

子选择器由多个简单选择器组成,由 分隔。>

selector1 > selector2 {...}

您可以在复杂选择器中包含通配符选择器。例如,以下 USS 规则在子选择器中使用通配符选择器。此 USS 规则匹配作为元素子级的元素的子级的按钮,并为其分配了 USS 类。yellow

.yellow > * > Button{..}

为了演示简单的选择器如何匹配元素,下面是一个示例用户界面
公文。

<UXML xmlns="UnityEngine.UIElements">
  <VisualElement name="container1">
    <VisualElement name="container2" class="yellow">
      <Button name="OK" class="yellow" text="OK" />
      <Button name="Cancel" text="Cancel" />
    </VisualElement>
  </VisualElement>
</UXML>

未应用任何样式,UI 如下所示:

带有边距和蓝色细边框的示例按钮。
带有边距和蓝色细边框的示例按钮。

以下子选择器样式规则仅与内部元素匹配。元素,它有类,是元素的子元素。 是元素的子元素。因此,没有与选择器匹配的直接后代。#OK.yellow#container2#container2#container1#container1.yellow

#container1 > .yellow {
  background-color: yellow;
}

应用样式时,UI 如下所示:

容器 2 具有黄色背景色。
容器 2 具有黄色背景色。


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

上一篇:Unity3D :后代选择器 (mvrlink.com)

下一篇:Unity3D :多个选择器 (mvrlink.com)

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