diff --git a/Base/res/html/misc/attrselectors.html b/Base/res/html/misc/attrselectors.html
index f1fd66626c..eadbfb085b 100644
--- a/Base/res/html/misc/attrselectors.html
+++ b/Base/res/html/misc/attrselectors.html
@@ -1,24 +1,39 @@
+<!doctype html>
 <html>
     <head>
         <title>CSS attribute selector test</title>
         <style type="text/css">
-            [hello=friends] {
-                background-color: #f0f;
-                color: white;
+            div {
+                background-color: red;
             }
-            div[id="foo"] {
-                background-color: blue;
-                color: #fff;
-            }
-            div[cool] {
-                background-color: green;
-                color: #ffffff;
+            div[exists],
+            div[exactMatch=" foobarbaz "],
+            div[containsWord~=go],
+            div[containsString*=barb],
+            div[startsWithSegment|=foo],
+            div[startsWithString^=foobar-b],
+            div[endsWithString$=ar-baz] {
+                background-color: lime;
             }
         </style>
     </head>
     <body>
-        <div hello=friends>This div is hello, friends!</div>
-        <div id="foo">This div has id="foo" and is bloo!</div>
-        <div cool="">This div has a "cool" attribute and a cool green color.</div>
+        <h1>These should be green:</h1>
+        <div exists>HasAttribute</div>
+        <div exactMatch=" foobarbaz ">ExactMatch</div>
+        <div containsWord="words go here">ContainsWord</div>
+        <div containsString="foobarbaz">ContainsString</div>
+        <div startsWithSegment="foo-bar-baz">StartsWithSegment</div>
+        <div startsWithString="foobar-baz">StartsWithString</div>
+        <div endsWithString="foobar-baz">EndsWithString</div>
+
+        <h1>These should be red:</h1>
+        <div doesntexist>HasAttribute</div>
+        <div exactMatch="foobarbaz">ExactMatch</div>
+        <div containsWord="words exist here">ContainsWord</div>
+        <div containsString="foobar baz">ContainsString</div>
+        <div startsWithSegment="fool-bar-baz">StartsWithSegment</div>
+        <div startsWithString="fooba-r-baz">StartsWithString</div>
+        <div endsWithString="fooba-r-baz">EndsWithString</div>
     </body>
 </html>
