2013-02-20 6 views
0

уверен, что это вообще не возможно, но ...Lesscss один уровень вверх смешивания

Скажем, у меня есть этот подмешать:

.horizontalList() { 
    background:blue; 
     & li { 
      display:inline-block; 
     } 
} 

CSS-код он генерирует является:

.something{ 
    background:blue; 
} 

.something li{ 
    display:inline-block; 
} 

Возможно ли сгенерировать следующий CSS, используя аналогичный mixin?

.something{ 
    background:blue; 
} 

.something li{ 
    display:inline-block; 
} 

.ie6 .something li, 
.ie7 .something li 
{ 
    display:inline; 
} 

... Так что материал IE6 и IE7 находится перед селектором, и я могу использовать в Paul Irish conditional comments idea

Я знаю, что я мог бы добавить хак, чтобы сделать старый IE вещи, но я предпочитаю не иметь их в моей таблице стилей.

Спасибо !!!

ответ

1

Вы должны сделать это в Mixin:

МЕНЬШЕ

.horizontalList() { 
    background:blue; 
     & li { 
      display:inline-block; 
     } 
     .ie6 & li, 
     .ie7 & li { 
      display: inline; 
     } 
} 

Call It

.something { 
    .horizontalList; 
} 

CSS Выходной

.something { 
    background: blue; 
} 
.something li { 
    display: inline-block; 
} 
.ie6 .something li, 
.ie7 .something li { 
    display: inline; 
} 
+0

A HA! копейки раковины. Прекрасное спасибо! – user1010892

Смежные вопросы