多个选择器

多重选择器是多个简单选择器的组合。它选择与所有简单选择器匹配的任何元素。

语法

多重选择器由多个简单选择器组成，没有任何东西可以分隔它们：

selector1selector2 {...}

如果 USS 解析器无法区分组合中的每个选择器，则它无法解析多选择器。

例如，以下 USS 规则组合了两个类型选择器：ListView和Button.

ListViewButton{...}

USS 分析器无法将两种元素类型分开，它将它们解释为名为 ListViewButton 的单个类，这可能不是所需的结果。

您可以将 USS class 选择器和名称选择器组合成多个选择器。因为分别带有句点 （.） 和数字符号 （#），解析器可以清楚地识别它们。类型选择器没有标识字符，因此在多重选择器中只能使用其中一个，并且它必须是组合中的第一个选择器。 例如：

ListView.yellow#vertical-list{...}

例

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

以下名称选择器样式规则与第一个按钮匹配。

Button.yellow {
  background-color: yellow;
}

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

其他资源

• USS 的最佳实践