Несколько селекторов

Множественный селектор представляет собой комбинацию нескольких простых селекторов. Он выбирает любые элементы, которые соответствуют всем простым селекторам.

Синтаксис

Множественный селектор состоит из множественных простых селекторов без каких-либо разделителей:

selector1selector2 {...}

Парсер USS не может проанализировать множественный селектор, если он не может различить каждый селектор в комбинации.

Например, следующее правило USS объединяет два селектора типа: ListViewи Button.

ListViewButton{...}

Парсер USS не может разделить эти два типа элементов и воспринимает их как один класс ListViewButton, что может не соответствовать вашим намерениям.

Вы можете сочетать Селекторы классов USS и выборщики имен в множественные селекторы. Поскольку они содержат точку (.) и цифровой знак (#) соответственно, парсер может четко идентифицировать их. Селекторы типов не имеют идентификационного символа, поэтому вы можете использовать только один из них в множественном селекторе, и он должен быть первым селектором в комбинации. Например:

ListView.yellow#vertical-list{...}

Пример

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

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

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

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