Databases
StackOverflow2013
Postsdbo
POCSS .class a {} not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS .class a {} not working
    text
    copied!<p>This algorithm just stopped working on my page (it had worked for over a year as it was):</p> <pre><code>&lt;div class="classA" id="specific1"&gt; &lt;a href="#"&gt;Link Text&lt;/a&gt; &lt;/div&gt; .classA a { style: actual style; } </code></pre> <p>The a tag no longer picks up the style in the css. Now in order for my a tags to pick up the style I have to give them a class specifically and this works:</p> <pre><code>&lt;div class="classA" id="specific1"&gt; &lt;a class="classB" href="#"&gt;Link Text&lt;/a&gt; &lt;/div&gt; </code></pre> <p>Did something change recently in IE7 or FireFox4 that would break the first algorithm? I'd prefer to fix the css rather than inserting a class onto all of the relevant a tags on several pages.</p> <p>Edit to show better the actual styling:</p> <p>This no longer works (links have vanilla 100%-blue-underline styling) but had been working for quite some time. Note that it was first designed for IE6, survived the switch to IE7, but has subsequently stopped picking up its style. Hopefully this helps all of you who have graciously tried to answer!</p> <pre><code>-- HTML -- &lt;div class="ovalButton" id="oval1"&gt;&lt;a href="#"&gt;LinkText&lt;/a&gt;&lt;/div&gt; -- CSS -- * { margin: 0; padding: 0; overflow: hidden; font-family: verdana, arial, sans-serif; } .ovalButton { position: absolute; width: 150px; height: 60px; } .ovalbutton a { background: url("logo_butn.gif") no-repeat; display: block; color: #0063B5; width: 150px; height: 60px; overflow: hidden; font-size: 80%; font-weight: bold; text-decoration: none; padding: 16px 15px 20px 0; text-align: center; } .ovalbutton a:Hover { background: url("logo_butn_highlight.gif") no-repeat; } #oval1 { top: 12px; left: 300px; } #oval1 a { padding-top: 25px; } </code></pre> <p>When I copy the exact styling from .ovalbutton a {} to a separate class and apply that class to the link in the html, it works fine.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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