Проблема приоритета CSS и jquery

Question

Я использую вкладки из UI-плагина jquery.
Эти вкладки динамически добавляют классы к <ul> и <ul><li> тегам для визуализации.

Однако я работаю в среде, где я только заполнить часть сайта, которая находится внутри

<div id="content">

блока и других стилей CSS применяются к нему.

С #content ul li более конкретно, чем у ul li jquery, у первого из них имеет приоритет.

Как я могу решить эту проблему?

ОБНОВЛЕНИЕ: Я знаю о важности, но это не ответ на этот вопрос, я надеюсь найти решение, в котором мне не нужно изменять css jquery-ui. (что бы вы использовали онлайн-кешированную версию? И если вам нужно каскадировать все, что вы могли бы пересмотреть, не важно!)

ОБНОВЛЕНИЕ 2: это, безусловно, не вопрос javascript, пожалуйста, не помещайте его таким образом ,

Answer 1

Вы можете использовать важные ключевые слова, что делает селектор наиболее важным, над значениями каскадных:

#content ul li { 
    color:red; 
} 
ul li { 
    color:black !important; 
} 

Это то, что вы искали?