[selectors-nonelement] Added ITS example using attribute node selector

Author: Jirka Kosek

selectors-nonelement/Overview.bs

@@ -51,7 +51,16 @@ Attribute node selector</h3>
 	</div>
 
 	<div class="example">
-		TODO: Provide a real-world example from ITS or something.
+		The following ITS rules use attribute node selector to switch off
+                translatability of <code>title</code> attribute on <code>abbr</code> elements.
+		<pre>
+&lt;rules xmlns="http://www.w3.org/2005/11/its"
+       version="2.0"
+       queryLanguage="css">
+  &lt;translateRule selector="abbr::attr(title)" translate="no"/>
+&lt;/rules>
+		</pre>
+
 	</div>
 
 	In CSS, <a>attribute node pseudo-elements</a> never generate boxes.

selectors-nonelement/Overview.html

@@ -162,7 +162,14 @@ <h3 class="heading settled heading" data-level=2.1 id=attribute-node-selector><s
 	</div>
 
 	<div class=example>
-		TODO: Provide a real-world example from ITS or something.
+		The following ITS rules use attribute node selector to switch off
+                translatability of <code>title</code> attribute on <code>abbr</code> elements.
+		<pre>&lt;rules xmlns="http://www.w3.org/2005/11/its"
+       version="2.0"
+       queryLanguage="css"&gt;
+  &lt;translateRule selector="abbr::attr(title)" translate="no"/&gt;
+&lt;/rules&gt;
+</pre>
 	</div>
 
 <p>	In CSS, <a data-link-type=dfn href=#attribute-node-pseudo-element title="attribute node pseudo-elements">attribute node pseudo-elements</a> never generate boxes.

selectors-nonelement/make.cmd

@@ -1 +1 @@
-@curl https://api.csswg.org/bikeshed/ -F file=@Overview.src.html > Overview.html
+@curl https://api.csswg.org/bikeshed/ -F file=@Overview.bs > Overview.html