LayoutTests/fast/css/before-after-pseudo-class.html - WebKit - Git at Google

 <!doctype html>
 <html>
 <head>
 <style type="text/css">
 div[rel^="http://www.google.com"]:before { content:"Google" }
 div[rel^="http://www.wikipedia.org"]:after { content:"Wikipedia" }
 </style>
 </head>
 <body>
 <!-- Test for Bug 93925 https://bugs.webkit.org/show_bug.cgi?id=93925 -->
 <!-- :before/:after pseudo elements do not always apply to the proper element -->
 <!-- The test passes if "GoogleGoogle", "Example", "WikipediaWikipedia", and "Example2" are shown.-->
 <p>
   <div rel="http://www.google.com">Google</div>
   <div rel="http://www.example.com">Example</div>
 </p>
 <div>
   <div rel="http://www.wikipedia.org">Wikipedia</div>
   <div rel="http://www2.example.com">Example2</div>
 </div>
 </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<style type="text/css">
	div[rel^="http://www.google.com"]:before { content:"Google" }
	div[rel^="http://www.wikipedia.org"]:after { content:"Wikipedia" }
	</style>
	</head>
	<body>
	<!-- Test for Bug 93925 https://bugs.webkit.org/show_bug.cgi?id=93925 -->
	<!-- :before/:after pseudo elements do not always apply to the proper element -->
	<!-- The test passes if "GoogleGoogle", "Example", "WikipediaWikipedia", and "Example2" are shown.-->
	<p>
	<div rel="http://www.google.com">Google</div>
	<div rel="http://www.example.com">Example</div>
	</p>
	<div>
	<div rel="http://www.wikipedia.org">Wikipedia</div>
	<div rel="http://www2.example.com">Example2</div>
	</div>
	</body>
	</html>