后代选择器

USS 后代选择器匹配视觉树中属于另一个元素后代的元素。

语法

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

selector1 selector2 {...}

示例

下方是一个__ UI__（即用户界面，User Interface）让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary 文档示例，演示了简单选择器如何与元素匹配。

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

注意：大量使用后代选择器可能会对性能产生负面影响。有关更多性能指南，请参阅 USS 最佳实践。

其他资源

• USS 最佳实践