Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

Тема в разделе "Вопросы, советы и доработки.", создана пользователем Kitanaell, 4 ноя 2015.

  1. Kitanaell

    Kitanaell

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

    Вложения:

    • скрин.jpg
      скрин.jpg
      Размер файла:
      109,4 КБ
      Просмотров:
      7
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    552
    Баллы:
    113
    Вы немного неверно понимаете размеры в относительных единицах.
    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
     
    • Нравится Нравится x 2
  3. Kitanaell

    Kitanaell

    Сообщения:
    37
    Симпатии:
    1
    Баллы:
    8
    Спасибо) это как раз то, что я упускала, теперь всё отлично