• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Изменить размер у .amount:before или добавить span?

Image CMS

Kitanaell

Форумчанин
#1
У меня такая проблемка, не меняется размер шрифта у .amount:before, нужно чтобы название "Цена с выбранными параметрами" была 1em, а непосредственно цена была крупнее, но размеры к :before никак не применяются, увеличивается весь блок целиком, прикладываю скрин для понимания.
Может лучше тогда вместо :before, заголовок спаном вставить в шаблон, только какой шаблон тогда за это отвечает?
 

Вложения

searchingman

Гуру
Местный
#2
Вы немного неверно понимаете размеры в относительных единицах.
1. Размеры в em — относительные, они определяются по текущему контексту.
2. Псевдоэлемент ::before наследует стиль от элемента, к которому он добавляется.

Поэтому, если Вы установите для ::before font-size: 1em; , то это означает сделать размер для ::before такой же , как для класса к которому он применяется.

При стилях
HTML:
.amount {
  color:red;
  font-size: 2em;
}

.amount::before {
  content:"Текст перед ценой: ";
  color:black;
  font-size: 0.5em;
}
будет выглядеть так http://take.ms/jWuL4
 
Сверху Снизу