Селекторы типов

Селекторы типа USS сопоставляют элементы на основе их типов элементов. Селекторы типа USS аналогичны селекторам типа CSS, которые сопоставляют теги HTML. Например, Button {...} в USS сопоставляет любой элемент Кнопка так же, как p {...} в CSS сопоставляет любой тег абзаца (<p>).

Синтаксис

Ниже приведен синтаксис для селекторов типов:

TypeName { ... }

При написании селекторов типов указывайте только конкретный тип объекта. Не включайте пространство имен в имя типа.

Например, этот селектор является действительным:

Button { ... }

Этот селектор неверен:

UnityEngine.UIElements.Button { ... }

Пример

Чтобы продемонстрировать, как простые селекторы соответствуют элементам, вот пример Документа 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:

Button {
  border-radius: 8px;
  width: 100px;
  }

При применении стиля UI выглядит следующим образом:

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

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