Селекторы имен
Селекторы имен USS сопоставляют элементы на основе имени элемента. Селекторы имен USS аналогичны селекторам CSS ID, которые сопоставляют элементы с определенным атрибутом id.
Чтобы установить имя элемента:
- В сценарии C# используйте
VisualElement.name. - В UXML используйте атрибут
name. Например:<VisualElement name="my-nameName">.
Чтобы избежать неожиданных совпадений, сделайте имена элементов уникальными в панели.
Синтаксис
Селектор имен состоит из присвоенного элементу имени, предшествующего знаку числа (#).
#ElementName { ... }
Примечание: Используйте цифровой знак (#) только тогда, когда вы записываете селектор в файл USS. Не используйте его, когда вы присваиваете имя элементу в файле UXML или C#. Имя элемента, которое включает цифровой знак, является недействительным. Например, <Button name="#OK" /> является недействительным.
Пример
Чтобы продемонстрировать, как простые селекторы соответствуют элементам, вот пример Документа 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 выглядит следующим образом:
