USS 名称选择器根据元素的名称匹配元素。USS 名称选择器类似于 CSS ID 选择器,它们匹配具有特定id
属性的元素。
设置元素的名称
VisualElement.name
。name
属性。例如:<VisualElement name="my-nameName">
。为了避免意外匹配,请在面板内使元素名称唯一。
名称选择器由元素的分配名称加上井号 (#
) 前缀组成。
#ElementName { ... }
注意:仅当您在 USS 文件中编写选择器时才使用井号 (#
)。在您在 UXML 或 C# 文件中为元素分配名称时不要使用它。包含井号的元素名称无效。例如<Button name="#OK" />
无效。
为了演示简单选择器如何匹配元素,这里有一个示例UI(用户界面) 允许用户与您的应用程序交互。Unity 目前支持三种 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
元素。
#Cancel {
border-width: 2px;
border-color: DarkRed;
background-color: pink;
}
应用样式后,UI 如下所示