Я только что заметил, что Webkit теперь имеет некоторую поддержку в отношении спецификации CSS Values and Units Module Level. И мне было интересно, знает ли кто-нибудь, есть ли способ ссылаться на другое свойство селекторов CSS (или свойство DOM) из селектора CSS?Может ли селектор CSS ссылаться на другое свойство selectors?
Я ожидаю что-то вроде this, чтобы быть здесь ответом. Что я знаю, скорее всего, относится к текущим реализациям браузера; но, пожалуйста, продолжайте читать ...
Например, в том случае, когда анимация может изменить размер элемента (ПРИМЕЧАНИЯ${.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>
В этом случае я бы ожидать. ширину элемента1, подлежащую переоценке, исходя из перехода, вызванного событиями наведения на .element2.
Я понимаю, что вышеупомянутая спецификация. это только рабочий проект, но, возможно, синтаксис для ссылки на такое «свойство ссылочного селектора» определяется в другом spec. которого я еще не обнаружил? Или просто не случай для беспокойства (благодаря пропущенной работе вокруг)?
Заранее благодарим за внимание, не говоря уже о том, чтобы ответить на вопрос.
Нет ... Использовать SASS, LESS или Stylus (google - ваш друг) – sg3s
Нет, это не так, как работают селектор CSS, и вряд ли 'calc()' когда-либо будет поддерживать ссылку на другое свойство в каскаде, не говоря уже о другой собственности в совершенно другом правиле. – BoltClock