■ 대소문자 구분없는 엘리먼트>엘리먼트 선택기를 사용해 시각적 트리의 직접 자식 엘리먼트를 선택하는 방법을 보여준다.
▶ style.css
1 2 3 4 5 6 7 |
stacklayout>image { width: 200; height: 200; } |
▶ MainPage.xaml
1 2 3 4 5 6 7 |
<StackLayout HorizontalOptions="Center" VerticalOptions="Center"> <Image Source="dotnet_bot.png" /> </StackLayout> |
※ StackLayout 엘리먼트의 직접적인 자식인 Image 엘리먼트를 식별하고 높이와 너비를 200으로 설정한다.
※ 엘리먼트>엘리먼트 선택기를 사용하려면 자식 엘리먼트가 부모의 직계 자식이어야 한다.