CSS: nested pseudo class

This tip may not be useful since we can make the selector:pseudo-class parallel with selector in css file. But in case your personal aesthetics asks you so. Who knows?

	<ul>
	<li>...</li>
	<li>...</li>
	<li class="last-li">...</li>
	</ul>

view raw nested-pseudo-class.html hosted with ❤ by GitHub

	li {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	}
	li:last {
	color: #333333;
	}

view raw parallel-pseudo-class.css hosted with ❤ by GitHub

Nested version:

	li{
	width: 500px;
	height: 500px;
	border-radius: 50%;
	&:last {
	color: #333333;
	}
	}

view raw nested-pseudo-class.css hosted with ❤ by GitHub