Отключить/переопределить шаблон Joomla CSS

Question

Я создаю модуль в Bootstrap для Joomla. Он имеет собственную таблицу стилей, но активированный шаблон (где я его тестирую) также использует Bootstrap и классы, которые добавляют CSS в мой модуль (таблицы, кнопки и т. Д.).

Я хочу, чтобы мой модуль выглядел одинаково во всех разных шаблонах Joomla. Есть ли способ отключить CSS шаблона для моего модуля, чтобы он выглядел одинаково для каждого шаблона? Или я должен объявить каждую строчку в CSS (с! Важно, потому что я думаю, что это очень много работы?)

Answer 1

CSS отображается в HTML-документе, поэтому вы не можете просто отключить его часть страницы (которая является вашим модулем).

Одним из возможных подходов является предоставление вашего модуля внутри , поэтому он будет отдельным документом в основном документе HTML. Но я не уверен, что это было бы хорошо/рекомендовано, поэтому я предпочел бы переписать мои правила CSS, чтобы все они были унаследованы от моего модуля.

Например: если ваш модуль в «Fancy Контакты Модуль», вы можете использовать обертку div как <div class="fancy-contact-module"> и написать все правила CSS, такие как:

.fancy-contact-module p { 
    color: green; 
} 
.fancy-contact-module a { 
    text-decoration: none; 
} 

и так далее.

Вы также можете использовать свою обертку div, чтобы применить Reset CSS или Normalize CSS (или любой другой аналогичный инструмент), поэтому вам не нужно будет переопределять все правила CSS вручную. Вы можете узнать больше о Сбросить и нормализовать здесь: What is the difference between Normalize.css and Reset CSS?