title: apply css to the jquery mobile element inside a page
body: <p>I'm trying to build an app using jquery mobile. Below is the structure of the html doc. I'd like apply styling to the internal elements of the content. I'd like to apply the css to the "&lt; pre>" elements using and relative stylesheet defined in a separate .css page. How do I achieve this?</p>
  
  <p>Thanks,</p>
  
  <p>Arun</p>
  
  <pre><code>&lt;div data-role="page" id="myid"&gt;
  &lt;div data-role="header"&gt;
  &lt;h1&gt;My header&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;pre&gt; page content............&lt;/pre&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>