Может ли селектор CSS ссылаться на другое свойство селектора?
Я только что заметил, что Webkit теперь имеет некоторую поддержку относительноЗначения и единицы измерения уровня CSS спекуляция И мне было интересно, если кто-нибудь знает, есть ли способ ссылаться на другое свойство селекторов CSS (или стиль DOM) из селектора CSS?
Я ожидаю что-то вродеэтот чтобы быть ответом здесь. То, что я знаю, наиболее вероятно для современных реализаций браузера; но, пожалуйста, продолжайте читать ...
Например, в случае, когда анимация может изменить размер элемента (NOTE ${.element2.width}
это вымышленный синтаксис):
<style type="text/css">
.element1 {
.width: /*-webkit-,-o-,-moz-*/calc(80% - ${.element2.width});
}
.element2 {
.width: 100px;
}
.element2:hover {
width: 200px;
transition: all 0.4s ease-in-out;
}
</style>
В этом случае я бы ожидал, что ширина .element1 будет переоценена на основе перехода, инициированного событиями наведения на .element2.
Я понимаю, что вышеупомянутая спецификация. является только рабочим черновиком, но, возможно, синтаксисом для ссылки на такое «свойство ссылочного селектора»; определяется в другой спецификации. что мне еще предстоит открыть? Или просто не повод для беспокойства (благодаря игнорируемому обходному решению)?
Заранее спасибо, что нашли время, чтобы прочитать, не говоря уже о том, чтобы ответить на вопрос.