tags:

views:

21

answers:

1
Q: 

css is getting overridden by .js inserted styles (Alloy UI)

I have a situation where the .css in my head tag is getting overridden by css that's being inserted dynamically into the head by a javascript library.

The .js library automatically appends the new .css link to the end of the head tag so it is always put on top of my styles.

+2  A: 

You have several options:

  1. Use a different JavaScript library
  2. Make sure all your rules have a higher specificity than the ones added by the library
  3. Learn about !important
robertc  2010-10-07 21:05:00
+1a quick note : CSS being added to the end of head, or added later by javascript doesn't cause it to be put 'on top of' other stylesheets. Style is applied according to specificity of the selector..
Ravindra Sane  2010-10-07 21:33:09

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?