Css

Search

last child of last child tailwind

/* https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state
*/
/* Using 'group' in tailwind to achieve this */

<main class='flex flex-col space-y-2'>
	<div class='group'>
		<div>...</div>
		<div>...</div>
		<div class='group-last:last:bg-amber-400'>...</div>
	</div>

	<div class='group'>
		<div>...</div>
		<div>...</div>
		<div class='group-last:last:bg-amber-400'>...</div> /* this one */
	</div>
</main>

Comment

PREVIOUS	NEXT

Code Example
Css :: css line-height default
Css :: width in % of a screen css
Css :: css em
Css :: css animation-fill-mode
Css :: Setting size for png icon in CSS
Css :: input focus css default
Css :: apply style to all dives except one
Css :: Change the color of anchor tags
Css :: input css for disabled state
Css :: trash icon in fontawesome
Css :: css image gallery
Css :: animation-direction in css
Css :: losange css
Css :: css line-through with words
Css :: keyframes scss
Css :: background css image
Css :: css make all text center
Css :: css border top linear gradient
Css :: html css templates for practice
Css :: css align image bottom
Css :: :global css
Css :: skeumorphism box shadow
Css :: padding makes div overflow
Css :: css file not getting captured in laravel project
Css :: lando expose database port
Css :: webpack validationerror: invalid options object. mini css extract plugin loader has been initialized using an options object that does not match the api schema.
Css :: css footer comes under aside
Css :: get element in list ocaml
Css :: how to make grid css
Css :: css nested scrollbars

Search

CSS

last child of last child tailwind

ADD CONTENT