Version: 2022.3
언어: 한국어
USS 선택자
이름 선택자

타입 선택자

USS 타입 선택자는 요소 타입에 따라 요소를 매칭시킵니다.USS 타입 선택자는 HTML 태그와 매칭되는 CSS 타입 선택자와 유사합니다.예를 들어 USS의 Button {...}은 CSS의 p {...}가 모든 단락(<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 선택자
이름 선택자