index.html

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>CSS Document RUle</title>

<!--  jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- demo scripts -->
<link rel="stylesheet" href="css/style.css">

<!-- nav script -->
<script src="../_nav/js/nav.js" type="text/javascript"></script>
</head>

<body>

<!-- nav script -->
<div class="demo-meta">
	<h1 class="demo-title">CSS4 Document RUle</h1>
	<p class="demo-desc">Apply CSS Rules based on the document URL</p>
</div>

<!-- demo content -->
<div class="demo-wrapper">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, soluta, ullam tempora consectetur unde eum quia deserunt doloremque corporis iure ex rerum provident fuga aperiam optio repellat quidem exercitationem neque.</p>
</div>


</body>
</html>