<!DOCTYPE html><html><head>
<title>Substring matching attribute selector (beginning)</title>
<style type="text/css">p { background-color : red }
p[title^="foo"] { background-color : lime }</style>
<link rel="author" title="Daniel Glazman" href="http://glazman.org/">
<link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors">
<meta name="flags" content="">
</head>
<body>
<p title="foobar">This paragraph should have a green background<br><br>
because its title attribute begins with "foo"</p>
</body></html>