<div dir="ltr">I sometimes find colons useful. Here&#39;s an example:<div><br></div><div style>    &lt;li class=&quot;c10n-file document ext:pdf&quot;&gt;resume.pdf&lt;/li&gt;</div><div style><br></div><div style>Using &quot;ext:pdf&quot; rather than &quot;ext-pdf&quot; makes it clearer that this class name acts as a key–value pair. Sure, I could use `data-extension=&quot;pdf&quot;` here instead, but selector engines are optimized for finding elements by class name.</div>
<div style><br></div><div style>In the case of CSS, all that&#39;s required is a backslash to escape the colon:</div><div style><br></div><div style>    .c10n .c10n-file.document.ext\:pdf {<br></div><div style><div>      background-image: url(assets/fugue/document-pdf-text.png);</div>
<div>    }</div></div><div style><br></div><div style>In my view it&#39;s fine to include colons in ids, but I&#39;m not strongly opposed to the <i>pragmatism not idealism</i> stance.</div><div style><br></div><div style>
David</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On 23 January 2013 17:12, Michel Fortin <span dir="ltr">&lt;<a href="mailto:michel.fortin@michelf.ca" target="_blank">michel.fortin@michelf.ca</a>&gt;</span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Le 23-janv.-2013 à 14:29, Waylan Limberg &lt;<a href="mailto:waylan@gmail.com">waylan@gmail.com</a>&gt; a écrit :<br>
<div class="im"><br>
&gt; I just received a [bug report] for Python-Markdown complaining that<br>
&gt; colons are used in the ids of footnotes. For reference, we [output]<br>
&gt; the same format at PHP Markdown Extra. The general complaint is that<br>
&gt; the colon in the id attribute (`id=&quot;fnref:1&quot;`) causes jquery to choke<br>
&gt; when referencing that id from javascript because jquery uses colons to<br>
&gt; indicate pseudo elements (as does CSS). As expected, jquery supports<br>
&gt; escaping the colon - which eliminates the problem - except that<br>
&gt; apparently the escaping causes a performance hit.<br>
&gt;<br>
&gt; My initial reaction is to say that this is jquery&#39;s problem, but what<br>
&gt; do you think? Should the various implementations that support<br>
&gt; footnotes all change to not use colons? I couldn&#39;t help but note that<br>
&gt; Gruber&#39;s unreleased implementation (what he uses on<br>
&gt; <a href="http://daringfireball.com" target="_blank">daringfireball.com</a>) appears to use dashes instead.<br>
&gt;<br>
&gt; Any thoughts?<br>
<br>
</div>Interestingly, I&#39;ve been looking at updating the output for footnotes in PHP Markdown, although not the id attribute.<br>
&lt;<a href="https://github.com/michelf/php-markdown/issues/58" target="_blank">https://github.com/michelf/php-markdown/issues/58</a>&gt;<br>
<br>
My guess is that Jquery has an optimization for the common pattern &quot;#nocolon&quot; and that putting an escape forces it to take the slow path. Take his example and add a class name (making the selector &quot;#nocolon.anyclass&quot;), or put an ancestor (as in &quot;body #nocolon&quot;) and you&#39;ll get equal speed everywhere.<br>

<span class="HOEnZb"><font color="#888888"><br>
--<br>
Michel Fortin<br>
<a href="mailto:michel.fortin@michelf.ca">michel.fortin@michelf.ca</a><br>
<a href="http://michelf.ca/" target="_blank">http://michelf.ca/</a><br>
</font></span><div class="HOEnZb"><div class="h5"><br>
_______________________________________________<br>
Markdown-Discuss mailing list<br>
<a href="mailto:Markdown-Discuss@six.pairlist.net">Markdown-Discuss@six.pairlist.net</a><br>
<a href="http://six.pairlist.net/mailman/listinfo/markdown-discuss" target="_blank">http://six.pairlist.net/mailman/listinfo/markdown-discuss</a><br>
</div></div></blockquote></div><br></div>