Less.js: : الطبقة الزائفة للطفل الأول لا تعمل مع الامتداد

تم إنشاؤها على ١١ فبراير ٢٠١٦  ·  7تعليقات  ·  مصدر: less/less.js

أنا أستخدم الكود التالي:

header {
    &:extend(.menu all);
}

في الملف الأقل لدي الهيكل التالي:

.menu {// CODE}
.menu:after {// CODE}
.menu:first-child {// CODE}
.menu:last-child {// CODE}

في ملف الإخراج ، css لقائمة و. القائمة: بعد الظهور. ولكن ليس رمز. القائمة: أول طفل أو. القائمة: آخر طفل.

ومع ذلك ، إذا تغيرت. القائمة: أول طفل أو. القائمة: آخر طفل . القائمة: الأول و. menu: أخيرًا ، سيظهر رمز css.

يبدو أن الواصلة هي المشكلة.

أي فكرة كيف أصلح هذا المشكل؟

شكرا.

consider closing needs info

ال 7 كومينتر

لا استطيع ان اؤكد نتيجتك :
من سؤالك في SO يمكنني أن أرى أنك تستخدم gulp-less ، ولكن بما أنني لا أستطيع فعلاً تذكر أي إصدار أقل (بدءًا من 1.4.x) به خطأ مثل هذا ، فمن المحتمل ألا يكون نوع من مشكلة "إصدار أقل أو أقل جرعة" ليست حديثة. لذا فإن السؤال هو: هل أنت متأكد من أن هذا _ هو المقتطف الذي تواجه المشكلة به (ربما يكون شيئًا أكثر تعقيدًا؟) ، و / أو هل يمكن أن تكون مهمة أخرى gulp قد تتدخل؟

ربما تكون مهمة بلع. سأنظر فيه غدًا أو أوائل الأسبوع المقبل. شكرا.

ربما هذا يمكن أن يساعد.

الإغلاق بسبب عدم النشاط (يبدو أنه ليس مشكلة أقل على أي حال).

@ Seven-stage-max أعتقد أن الكود المذكور أعلاه يعيد إظهار هذه المشكلة تمامًا.

أقل

.col {
  float: left;

  &:last-child {
    margin-right: 0;
  }
  &:first-child {
    margin-left: 0;
  }
}

.generate-columns(<strong i="9">@n</strong>, <strong i="10">@i</strong>: 1) when (<strong i="11">@i</strong> =< @n) {
  .col-@{i}:extend(.col) {
    margin-left: (@i)px;
  }

  .generate-columns(<strong i="12">@n</strong>, (<strong i="13">@i</strong> + 1));
}

.generate-columns(2);

تم إنشاؤه css

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-2 {
  margin-left: 2 px;
}

توقع css:

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2 {
  margin-left: 2 px;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

جزء مفقود

.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

@ ivan-nikitovic كلا ، انظر الفرق بين extend و extend all .

@ سبع مراحل كحد أقصى هذا له معنى. :-) شكرا للإشارة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات