Селекторы имен

Селекторы имен 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 выглядит следующим образом:

Кнопка Отмена имеет темно-красную рамку и розовый фон.

Дополнительные ресурсы

Наилучшая практика для USS