<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://patch-diff.githubusercontent.com";
	_AN_base_path = "https://patch-diff.githubusercontent.com/raw/mdn/css-examples/pull/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 0;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

From 65a2b91081af3cc277799049972ff8645d0ad9a7 Mon Sep 17 00:00:00 2001
From: Alexander Dreith <alexander@dreith.com>
Date: Sat, 13 Oct 2018 14:44:59 -0600
Subject: [PATCH] Layout Cookbook - Breadcrumb example with clear intent

---
 .../breadcrumb-navigation--download.html         |  8 ++------
 css-cookbook/breadcrumb-navigation.html          | 16 ++++------------
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/css-cookbook/breadcrumb-navigation--download.html b/css-cookbook/breadcrumb-navigation--download.html
index d0143c96..daf92b60 100644
--- a/css-cookbook/breadcrumb-navigation--download.html
+++ b/css-cookbook/breadcrumb-navigation--download.html
@@ -28,13 +28,9 @@
             padding: .5em 1em;
         }
 
-        .breadcrumb li::before {
+        .breadcrumb li:not(:first-child)::before {
             content: "→";
         }
-
-        .breadcrumb li:first-child::before {
-            content: "";
-        }
     </style>
 
 </head>
@@ -52,4 +48,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/css-cookbook/breadcrumb-navigation.html b/css-cookbook/breadcrumb-navigation.html
index 145b3f89..6073c1ac 100644
--- a/css-cookbook/breadcrumb-navigation.html
+++ b/css-cookbook/breadcrumb-navigation.html
@@ -24,13 +24,9 @@
             display: flex;
         }
 
-        .breadcrumb li::before {
+        .breadcrumb li:not(:first-child)::before {
             content: "→";
         }
-
-        .breadcrumb li:first-child::before {
-            content: "";
-        }
     </style>
 </head>
 
@@ -50,14 +46,10 @@
 .breadcrumb ul {
     display: flex;
 }
-    
-.breadcrumb li::before {
+
+.breadcrumb li:not(:first-child)::before {
     content: "→";
 }
-    
-.breadcrumb li:first-child::before {
-    content: "";
-}
     </textarea>
 
     <textarea class="playable playable-html" style="height: 170px;">@@ -77,4 +69,4 @@
 </body>
 <script src="playable.js"></script>
 
-</html>
\ No newline at end of file
+</html>
</textarea>