Вот типичная ситуация с абсолютно позиционированным элементом:
То есть логика css такова, что при ховере свойство transform
просто заменяется тем, что описано при ховере. Ну логично, но проблема остается. Если для абсолютного поз. элемента такого рода операцию не делать, то, как в данном примере, этот элемент просто вернется translate
-ом на свое место (как будто применится translate(0)
).
Может, я чего-то не знаю про свойства в css? Или как работать с sass? Возможно. Поэтому интересует, как унаследовать значение свойства родителя, которое уже по цепочке вложенности задано?
1 ответ
Мне кажется что определенная логика тут есть - краткая запись сбрасывает все свойства, которые не указаны явно:
div {
width: 200px;
height: 200px;
background-color: red;
}
div:hover {
background: center center;
}
<div></div>
-
-
Ну и я осведомлен об этом, тем не менее, я не знаю как решить ситуацию с
transform
, ведь свойства через пробел задаются-то и все равноправны. То есть это неbackground-color
илиbackground-position
. Нужно наследовать именно значение, которое было уже задано...– wokalek15 янв 2017 в 19:12 -
Краткая запись - это когда много свойств в одной строчке, но в конечном итоге это просто вопрос терминологии. 15 янв 2017 в 19:23
inherit
?