Note that there are some explanatory texts on larger screens.

plurals
  1. POstyle sheet rule application
    primarykey
    data
    text
    <p>Using JQuery mobile 1.3.2 I am having trouble setting the style of some links. I don't want all links to look the same, so some will use one style while others will use a different one. I have attempted to add my own custom class, and to even override the JQuery style; however, both attempts have been unsuccessful.</p> <p>I have created <a href="http://jsfiddle.net/qdz9b/1/" rel="nofollow">http://jsfiddle.net/qdz9b/1/</a> to help illustrate my issue.</p> <p>Custom stylesheet (Loaded after jquery css)</p> <pre><code>.ui-link{color:#000000;} .ui-link:visited{color:#000000} .myLink{color:#000000;} .aDifferentLink{color:#FF0000;} .myImportantLink{color:#000000 !important;} </code></pre> <p>The HTML</p> <pre><code>&lt;a href="#test"&gt;basic link, no custom class&lt;/a&gt;&lt;br/&gt; &lt;a href="#test" class="myLink"&gt;link with custom class, not working either.&lt;/a&gt;&lt;br/&gt; &lt;a href="#test" class="aDifferentLink"&gt;a different link, should be red. not working either.&lt;/a&gt;&lt;br/&gt; &lt;br&gt; &lt;a href="#test" class="myImportantLink"&gt;link with !important class, the only way I can get it to work.&lt;/a&gt;&lt;br/&gt; </code></pre> <p>Rendered HTML</p> <pre><code>&lt;a href="#test" class="ui-link"&gt;basic link, no custom class&lt;/a&gt; &lt;a href="#test" class="myLink ui-link"&gt;link with custom class, not working either.&lt;/a&gt; &lt;a href="#test" class="aDifferentLink ui-link"&gt;a different link, should be red. not working either.&lt;/a&gt; &lt;a href="#test" class="myImportantLink ui-link"&gt;link with !important class, the only way I can get it to work.&lt;/a&gt; </code></pre> <p>What am I missing?</p> <p>Thanks in advance!</p> <p>Jake</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload