<!DOCTYPE html>
<html>
<!-- Test: if input is valid and not barred from constraint validation,
it should be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='valid' type='email' value='foo@bar.com'>
</body>
</html>