子选择器

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

语法

子选择器由多个简单选择器组成，这些选择器由 分隔。>

selector1 > selector2 {...}

您可以在复杂选择器中包含通配符选择器。例如，以下 USS 规则在子选择器中使用通配符选择器。此 USS 规则匹配具有 USS 类的元素的子元素的子按钮yellow分配给它。

.yellow > * > Button{..}

注意：USS 不支持选择具有相同名称的元素的第 n 个子元素。请改用类选择器或唯一元素名称。

例

为了演示简单选择器如何匹配元素，下面是一个示例 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 如下所示：

以下子选择器样式规则仅匹配内部元素。元素#OK使用.yellowclass 是 element 的子级#container2.#container2是元素的子项#container1.但是，由于#OK不是直系后代#container1，它与.yellowselector 与子选择器一起应用时#container1.

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

应用样式时，UI 如下所示：

其他资源

• USS 的最佳实践