Можно ли изменить размер определенного символа с помощью CSS?
Например, в абзаце я использую font- лицо: Arial; размер шрифта: 12pt;
. Мне бы хотелось, чтобы только размер «а» отображался в размере 10.
Есть ли способ сделать это?
Спасибо.
Я не думаю, что вы можете, рассмотрите возможность использования текстового редактора для поиска/замены 'a' на a
, а затем вы можете использовать CSS, чтобы сделать .a-xxx { font-size: 10px; }
Нет. За исключением : first-letter
и других псевдоклассов, вы не можете настроить таргетинг на отдельные символы с помощью CSS. Вам нужно будет заключить символ в элемент (например,
), чтобы указать для него стиль.
Вы можете обойти это с помощью Javascript - здесь, на SO, есть решения на основе jQuery. Но это глупо.
Также для доступности и совместимости и всего прочего лучше не определять конкретные шрифты (попробуйте font-family) и размеры в терминах big, больше, затем используйте% поверх этого и определите их все как пользовательские стили span / div
например
bigletter (font-size: 150%);
Нет. Вы можете указывать только элементы (например, диапазон, содержащий одну букву) и псевдоэлементы (например, : first-letter
).
Вы не сможете сделать это простым и совместимым с разными браузерами способом без javascript. Я рекомендую «captify» для jquery.