Потомственные селекторы

USS дочерние селекторы соответствуют элементам, которые являются потомками другого элемента в визуальное дерево.

Синтаксис

Потомственный селектор состоит из нескольких простых селекторов, разделенных пробелом:

selector1 selector2 {...}

Пример

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

Пример кнопок с полями и тонкими голубыми рамками.

Следующее правило стиля выбора потомков соответствует как внутреннему элементу, так и первой кнопке.

#container1 .yellow {
  background-color: yellow;
}

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

Кнопки container2 и OK имеют желтый фон.

Примечание: Частое использование селекторов потомства может негативно повлиять на производительность. Дополнительные рекомендации по производительности см. в Рекомендуемые методы для USS.

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

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