Um seletor CSS pode referenciar outra propriedade de seletores?
Acabei de perceber que o Webkit agora tem algum suporte em relação aoNível de módulo de valores e unidades CSS spec. E eu queria saber se alguém sabe se há uma maneira de referenciar outra propriedade de seletores CSS (ou estilo DOM) de um seletor CSS?
Eu estou esperando algo comoisto para ser a resposta aqui. O que eu sei é provavelmente o caso das implementações atuais do navegador; mas por favor continue lendo ...
Por exemplo, no caso em que uma animação pode redimensionar um elemento (NOTA a${.element2.width}
é sintaxe fictícia):
<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>
Nesse caso, eu esperaria que a largura de .element1 fosse reavaliada com base na transição acionada dos eventos de foco em .element2.
Eu percebo que a especificação acima mencionada. é apenas um rascunho de trabalho, mas talvez a sintaxe para se referir a tal 'propriedade de seletor referencial' seja definida dentro de outra especificação. que eu ainda estou para descobrir? Ou simplesmente não é motivo de preocupação (graças a um trabalho negligenciado)?
Agradecemos antecipadamente por tomar o tempo para ler e muito menos responder à pergunta.