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

[Kitanaell]

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

 

[searchingman]

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

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

При стилях

.amount {
  color:red;
  font-size: 2em;
}

.amount::before {
  content:"Текст перед ценой: ";
  color:black;
  font-size: 0.5em;
}

будет выглядеть так http://take.ms/jWuL4

 

[Kitanaell]

Спасибо) это как раз то, что я упускала, теперь всё отлично