A Glimpse
into the
Future of CSS
Gias Kay Lee
<ul>
<li>Sheldon J. Plankton</li>
<li>Squidward Q. Tentacles</li>
<li>Garold Wilson <em>"Gary"</em> Snail Jr.</li>
<li>Eugene Harold Krabs</li>
<li>Sandra <em>"Sandy"</em> Cheeks</li>
</ul>
jQuery
$('li').has('em').css({
background: 'yellow'
});
CSS
li:has(em) {
background: yellow;
}
CSS4
li! > em {
background: yellow;
}
div:-js-min-width(100) {
background: red;
}
div:-math-lessthan(data-highscore, 10000) {
color: blue;
}
:-media-time() Demo
Is This the Future?
The
Bigger Trend
of Frontend Engineering
