Ногами не пинать, понятно, что так делать не рекомендуется. Но наполнением сайта занимается сам клиент.
Есть большой сайт с кучей страниц и текстов. По тексту в процессе наполнения руками выставляли теги размеров текста.
Пример:
Стильная ........ MacBook и незначительно увеличивает его вес и размер.
Сейчас просят поменять размер шрифта. Но через CSS сделать это не получается, т.к. размер шрифта прописан по тексту. И общий стиль css . работает только для тех текстов где принудительно ничего не прописано.
Можно ли малой кровью побороть эту проблему, не знаю, игнорировать теги или еще чего?
Или нужно садиться и чистить текст от лишних тегов, что бы заработал общий стиль css ?
Варианты:
1. Нанять студента и почистить контент от мусора.
В визуальном редакторе убрать кнопки отвечающие за размер и начертание шрифта.
Добавить предустановленные стили.
Например, CKeditor позволяет такое.
2. На js убрать все атрибуты style из тех блоков, которые доступны для редактирования клиентом.
Не очень умное решение, потому что мусор-то в коде останется. Но умнее, чем 3ий вариант.
3. Перебивать все с помощью !important
А не работает со шрифтом, потому что у вас в стилях для strong, который лежит внутри того p, которому вы пытаетесь изменить шрифт уже вот такое: