类选择器

USS 类选择器匹配指定了特定 USS 类的元素。USS 类选择器类似于 CSS 类选择器。

语法

类选择器由类名和句点前缀组成。类名称区分大小写，不能以数字开头。

.className { ... }

仅当您在 USS 文件中编写选择器时使用句点。为 UXML 或 C# 文件中的元素指定类时不要包含句点。例如，不要使用 <Button class=".yellow" />。

通常，不要在类名称中包含句点。Unity 的 USS 解析器将句点解释为新类的开头。例如，如果创建一个名为 yellow.button 的类，并创建以下 USS 规则：.yellow.button{...}。解析器将选择器解释为多重选择器，并尝试查找与 .yellow 类和 .button 类都匹配的元素。

当一个元素指定了多个类时，选择器只需要匹配其中一个类来匹配元素。

您还可以在选择器中指定多个类，在这种情况下，元素必须指定了所有这些类才能匹配。有关详细信息，请参阅多重选择器。

示例

下方是一个__ 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 如下所示：

以下名称类选择器样式规则匹配元素 container2 和按钮元素 OK，并将它们的背景更改为黄色。

.yellow {
    background-color: yellow;
}

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

其他资源

• USS 最佳实践