<Page>
	<ScrollView>
		<StackLayout>

			<StackLayout class="direct-child--type">
				<Label text="Direct child test by type"/>
				<Button text="I'm a direct child!"/>
				<StackLayout>
					<Button text="I'm not!"/>
				</StackLayout>
			</StackLayout>

			<StackLayout class="direct-child--class">
				<Label text="Direct child test by class"/>
				<Button class="test-child" text="I'm a direct child!"/>
				<StackLayout>
					<Button class="test-child" text="I'm not!"/>
				</StackLayout>
			</StackLayout>

			<StackLayout class="direct-sibling--type">
				<Label text="Direct sibling test by type"/>
				<Button text="I'm the ref"/>
				<Label class="sibling-test-label" text="I'm a direct sibling!"/>
				<Label text="I'm not!" class="sibling-test-label"/>
				<Button text="I'm not either!"/>
				<Label class="sibling-test-label" text="But I am!"/>
			</StackLayout>

			<StackLayout class="direct-sibling--id">
				<Label text="Direct sibling test by id"/>
				<Button id="test-child" text="I'm the ref"/>
				<Button id="test-child-2" text="I'm a direct sibling!"/>
				<Button id="test-child-3" text="I'm not!"/>
			</StackLayout>

			<StackLayout class="direct-sibling--class">
				<Label text="Direct sibling test by class"/>
				<Button class="test-child" text="I'm the ref"/>
				<Button class="test-child-2" text="I'm a direct sibling!"/>
				<Button class="test-child-2" text="I'm not!"/>
				<Button class="test-child" text="I'm not either!"/>
				<Label class="test-child-2 sibling-test-label" text="But I am!"/>
			</StackLayout>

			<StackLayout class="direct-sibling--attribute">
				<Label text="Direct sibling test by attribute"/>
				<Button data="test-child" text="I'm the ref"/>
				<Button data="test-child-2" text="I'm a direct sibling!"/>
				<Button data="test-child-2" text="I'm not!"/>
				<Button data="test-child" text="I'm not either!"/>
				<Button data="test-child-2" text="But I am!"/>
			</StackLayout>

			<StackLayout class="direct-sibling--pseudo-selector">
				<Label text="Direct sibling test by pseudo-selector"/>
				<Button text="I'm the ref"/>
				<Button isEnabled="false" text="I'm a direct sibling!"/>
				<Button text="I'm not!"/>
				<Button text="I'm not either!"/>
				<Button isEnabled="false" text="But I am!"/>
			</StackLayout>

		</StackLayout>
	</ScrollView>
</Page>
