<!DOCTYPE html>
<html>
  <!-- Test: if input isn't valid nor barred from constraint validation,
             it should be affected by :invalid pseudo-class. -->
  <link rel='stylesheet' type='text/css' href='style.css'>
  <body>
    <input class='invalid' pattern='bar' value='foo'>
  </body>
</html>