МЕНЬШЕ CSS -доступ к классам дальше по дереву dom из вложенного класса

Я хочу иметь доступ к классам выше по дереву dom из вложенного класса, используя LESS CSS, см. пример:

HTML:

<html class="svg">
 <body>
  <div class="content">
    <div class="container">
      <div class="logo"></div>
    </div>
 </body>
</html>

МЕНЬШЕ:

.container {
 .logo {
      background:url(/images/ws-logo.gif);
  }
}

Я хочу настроить таргетинг на класс.svg в теге html из вложенного правила.logo, чтобы все было аккуратно, вместо того, чтобы писать еще одно правило, подобное этому:

.svg { 
 .container {
   .logo {
        background:url(/images/logo.svg);
    }
  }
}

Итак, в идеале что-то вроде этого:

.container {
   .logo {
        background:url(/images/logo.gif);

        (some-symbol).svg {
           background:url(/images/svg-logo.svg);
        }
    }
 }

Я использую modernizr для обнаружения поддержки svg.

Кто-нибудь знает, возможно ли это? Или есть рекомендации?

5
задан albion60 17 July 2012 в 09:45
поделиться