Version: 6000.3
语言: 中文
通用选择器
子选择器

后代选择器

USS 后代选择器匹配作为可视化树轻量级节点组成的对象图,用于保存窗口或面板中的所有元素。它定义了使用 UI 工具包构建的每个 UI。
请参阅术语表
.

语法

后代选择器由多个用空格分隔的简单选择器组成:

selector1 selector2 {...}

为了演示简单选择器如何匹配元素,下面是一个示例 UI 文档。

<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 如下所示:

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

以下后代选择器样式规则与内部元素和第一个按钮匹配。

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

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

container2 和 OK 按钮具有黄色背景。
container2 和 OK 按钮具有黄色背景。

注意:大量使用后代选择器可能会对性能产生负面影响。有关更多性能指南,请参阅 USS 的最佳做法

其他资源

通用选择器
子选择器