Selectors

All about Selectors in CSS


Select direct child element from current

  • The & represents the current tag: ul
  • All a tags are styled.
<ul class="[&>li>a]:inline-block [&>li>a]:px-4 [&>li>a]:py-2">
	<li><a href="">Model S</a></li>
	<li><a href="">Model 3</a></li>
	<li><a href="">Model X</a></li>
	<li><a href="">Model Y</a></li>
</ul>