title: adding a selector to an inline style
body: <p>Is there anyway to add a selector to an inline style?  I am attempting to create some CSS only interaction, but I cannot use either an external CSS file or define CSS styles in the document.  So I must put it all into a style attribute.  </p>
  
  <p>I have found this:</p>
  
  <p>CSS </p>
  
  <pre><code>:checked + div {display: block !important;}
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="span3"&gt;&lt;label for="an1"&gt;press me&lt;/label&gt;&lt;/div&gt;
  &lt;input id="an1" type=checkbox style="display:none;"&gt;&lt;div style="display: none;"&gt; hidden&lt;/div&gt;
  </code></pre>
  
  <p>This results in the hidden text being shown when "press me" is clicked.</p>
  
  <p>Is there anyway to put the CSS code into the inline style attribute?  I am dealing with system that severely limits my allowed code.</p>