Add example for external links

Author: fantasai

selectors4/Overview.html

@@ -15,13 +15,13 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 July 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110706/">
-             http://www.w3.org/TR/2011/WD-selectors4-20110706</a> -->
+    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110707/">
+             http://www.w3.org/TR/2011/WD-selectors4-20110707</a> -->
      <a href="http://dev.w3.org/csswg/selectors4">
      http://dev.w3.org/csswg/selectors4</a>
 
@@ -1791,6 +1791,13 @@ <h3 id=here-pseudo><span class=secno>8.2. </span> The link location
    </ol>
   </div>
 
+  <div class=example>
+   <p>The following example styles all site-external links with a dashed
+    underline.
+
+   <pre>:not(:current(0)) { text-decoration-style: dashed; }</pre>
+  </div>
+
   <h3 id=target-pseudo><span class=secno>8.3. </span> The target pseudo-class
    :target</h3>
 

selectors4/Overview.src.html

@@ -1315,6 +1315,12 @@ <h3 id="here-pseudo">
     <ol>
   </div>
 
+  <div class="example">
+    <p>The following example styles all site-external links with a dashed
+      underline.
+    <pre>:not(:current(0)) { text-decoration-style: dashed; }</pre>
+  </div>
+
 <h3 id=target-pseudo>
 The target pseudo-class :target</h3>