Как установить элемент контейнера для стиля начальной загрузки

Question

Я в ситуации, когда я разрабатываю шаблоны для компонента для Joomla !. И мне нужно, чтобы селектор twitter bootstrap был ограничен моим компонентом и не влиял на остальную часть макета страницы. Что я могу сделать сейчас, это изменить каждый селектор в загрузчике и добавить свой контейнер, как это:

#SobiPro button::-moz-focus-inner, 
#SobiPro input::-moz-focus-inner { 
    padding: 0; 
    border: 0; 
} 
#SobiPro button, 
#SobiPro html input[type="button"], 
#SobiPro input[type="reset"], 
#SobiPro input[type="submit"] { 
    cursor: pointer; 
    -webkit-appearance: button; 
} 
#SobiPro label, 
#SobiPro select, 
#SobiPro button, 
#SobiPro input[type="button"], 
#SobiPro input[type="reset"], 
#SobiPro input[type="submit"], 
#SobiPro input[type="radio"], 
#SobiPro input[type="checkbox"] { 
    cursor: pointer; 
} 

Итак, есть ли решение в CSS или JavaScript, чтобы установить родительский контейнер для файла CSS, за исключением добавления его к каждому селектор?

С уважением, Мустафы

Answer 1

Таким образом, никто не ответил, и через пару лет я уже успел найти ответ. Таким образом, это может быть сделано с помощью меньше Css преобразователя (вы можете найти много онлайн меньше в CSS конвертер) таким образом:

.your_container_selector { 
    /* css code that needs to be wrapped in that container */ } 

затем преобразовать этот код от менее к CSS.