third_party/WebKit/LayoutTests/fast/css/before-after-pseudo-class.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 div[rel^="http://www.google.com"]:before { content:"Google" }
   6 div[rel^="http://www.wikipedia.org"]:after { content:"Wikipedia" }
   7 </style>
   8 </head>
   9 <body>
  10 <!-- Test for Bug 93925 https://bugs.webkit.org/show_bug.cgi?id=93925 -->
  11 <!-- :before/:after pseudo elements do not always apply to the proper element -->
  12 <!-- The test passes if "GoogleGoogle", "Example", "WikipediaWikipedia", and "Example2" are shown.-->
  13 <p>
  14   <div rel="http://www.google.com">Google</div>
  15   <div rel="http://www.example.com">Example</div>
  16 </p>
  17 <div>
  18   <div rel="http://www.wikipedia.org">Wikipedia</div>
  19   <div rel="http://www2.example.com">Example2</div>
  20 </div>
  21 </body>
  22 </html>