2

Вот типичная ситуация с абсолютно позиционированным элементом:
123
То есть логика css такова, что при ховере свойство transform просто заменяется тем, что описано при ховере. Ну логично, но проблема остается. Если для абсолютного поз. элемента такого рода операцию не делать, то, как в данном примере, этот элемент просто вернется translate-ом на свое место (как будто применится translate(0)).
Может, я чего-то не знаю про свойства в css? Или как работать с sass? Возможно. Поэтому интересует, как унаследовать значение свойства родителя, которое уже по цепочке вложенности задано?

2
  • Может inherit ?
    – Yuri
    15 янв 2017 в 18:45
  • @Yuri, это первое что я попробовал и сразу же ощутил себя тупым :D
    – wokalek
    15 янв 2017 в 19:00

1 ответ 1

0

Мне кажется что определенная логика тут есть - краткая запись сбрасывает все свойства, которые не указаны явно:

div {
  width: 200px;
  height: 200px;
  background-color: red;
}
div:hover {
  background: center center;
}
<div></div>

3
  • Это полная сбрасывает, а краткая - нет. Пример. Поменяй местами их.
    – wokalek
    15 янв 2017 в 19:08
  • Ну и я осведомлен об этом, тем не менее, я не знаю как решить ситуацию с transform, ведь свойства через пробел задаются-то и все равноправны. То есть это не background-color или background-position. Нужно наследовать именно значение, которое было уже задано...
    – wokalek
    15 янв 2017 в 19:12
  • Краткая запись - это когда много свойств в одной строчке, но в конечном итоге это просто вопрос терминологии. 15 янв 2017 в 19:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.