On 1/14/2011 9:13 AM, Gates, Jeff wrote:
On 1/14/11 10:07 AM, "Jukka K. Korpela"<[email protected]> wrote:The clean approach is to use selectors that are more specific than those in rules that are to be overridden. E.g. #right a.download-file:link { border-bottom: none; } On 1/14/11 10:11 AM, "Germán Martínez"<[email protected]> wrote: it's not working because the selector "#right a" has a higher specificity than ".download-file". I'm assuming that those images are also inside the #right element, then you should use: #right a.download-file { border-bottom: none; } Thanks to both of you. That worked. One of the variants I used was the more specific syntax using the #right id. However, my syntax was wrong. I had #right download-file a { border-bottom: none; } Jeff
If you're interested in some further information on specificity this might be an appropriate jumping off point:
http://meyerweb.com/eric/css/link-specificity.html Shawn ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
