[Решено] Не могу добавить свой суффикс css-класса модуля! - Вопросы по CSS

он добавляется всё время с прбелом к основному стилю!

нужно в стиле суффикса поотменять стили модуля и добавить свои.

Вот это я чей-то совсем не понял. Это как?

Иногда это просто правка (сдвинуть, изменить цвет, отступы и т.д.),
 иногда достаточно просто изменить значения свойств

если поменяю значение свойств - то так будут отображаться и другие модули.

ingavr, эта фишка называется «css-каскадирование» и есть с рождения интернета. Не только в Joomla

Вы имели ввиду вывод одного и того же модуля на разных страницах/в разных позициях с разными стилями?

Да и пусть с пробелом добавляется. Это как раз правильный подход. Просто всю фишку похоже до конца не поняли.
Пример: Все модули обозначены так:

Код: css

.module {background:#eee; color:#000;}

Вы хотите ТОЛЬКО изменить цвет текста. Тогда дописываете класс red. Получаете разметку:

Код: html4strict

<div class="module red"></div>

Теперь пишите:

Код: css

.module.red {color:#f00;}

Теперь модуль будет И с серым фоном И с красным текстом. Т.е. «старые» стили останутся.

После того, как вы напишите «red» в css-классе, в настройках модуля, он автоматом добавится и будет как в моём примере. Стили нужно писать в любом подключенном css-файле. Эта запись буквально означает: найти элемент у которого есть оба класса, т.е. и module и red.
А вот если бы я записал правило так, т.е. с пробелом:
.module .red {color:#f00;}
То это уже по-другому работает: найти все элементы с классом module, а внутри них элементы с классом red.

Не то, чтобы подкласс. Они равнозначны. Т.е. class="red module" и class="module red" тождественно..

Хорошо. Задам вопрос по-другому. более точно.
есть класс (panel-title) он для всего вывода материалов с классом "panel", а это и модули и некоторые другие компоненты.
как поменять заголовок к этому модулю используя свой суффикс класса модуля?

Как вы ставите свой стиль?

У вас должен появиться новый класс у элемента. Не верьте тому, что написано в некоторых статьях. Типа дописываем -myclass, получаем module-myclass. Это зависит исключительно от шаблона. Может получиться и module-myclass и module -myclass и module trololo-myclass. Выложите ссылку на сайт.

Не надо. Если получилось что-то типа:

Код: html4strict

<div class="panel-title my-class">
  <h3>заголовок модуля</h3>
</div>

то достаточно так прописать:

Код: css

.my-class h3 {color:#f00;}

Почитайте пожалуйста основы про CSS.  Кроме css2 есть более продвинутые селекторы типа сестринского, селектора атрибутов, селектор со счётчиком и т.д.

<div class="panel-title my-class">
  <h3 class="panel-title">заголовок модуля</h3>
</div>

Код: css

.my-class h3 {}