build(aio): improve rendering of directive selectors

aio/tools/transforms/templates/api/includes/selectors.html

@@ -1,10 +1,9 @@
 {%- if doc.selector %}
 <section class="selectors">
   <h2>Selectors</h2>
-  {% for selector in doc.selector.split(',') %}
+  <code-example hideCopy="true" class="no-box api-heading selector">
-  <div class="selector">
+  {%- for selector in doc.selector.split(',') %}
-    <code>{$ selector $}</code>
+  {$ selector $}{% endfor %}
-  </div>
+  </code-example>
-  {% endfor %}
 </section>
 {% endif %}