型セレクター

USS 型セレクターは、要素の型に基づいて一致した要素を見つけます。USS 型セレクターは、一致した HTML タグを見つける CSS 型セレクターと類似しています。例えば、USS の Button {...} は、CSS の p {...} が一致した段落 (<p>) タグを見つけるのと同じ方法で、一致するボタン要素を見つけます。

構文

型セレクターの構文は以下のとおりです。

TypeName { ... }

型セレクターを記述する場合は、具体的なオブジェクトの型のみを指定します。TypeName (型名) に名前空間を加えないでください。

例えば、このセレクターは有効です。

Button { ... }

このセレクターは無効です。

UnityEngine.UIElements.Button { ... }

例

単純セレクターによる要素の照合方法を示すために、UI Document の例を紹介します。

<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 は以下のようになります。

以下の型セレクターのスタイル規則は、2 つの Button 要素に一致します。

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

このスタイルを適用する UI は以下のようになります。

追加リソース

• USS のベストプラクティス