chúng tôi muốn kế thừa từ bootstraps h1
trong vòng chưa sử dụng một mixin nhưLàm thế nào để kế thừa trong phần tử trong ít giống như xếp lớp?
.btn2{ .btn; }
nhưng thay vào đó muốn sử dụng h1
yếu tố:
.h1_replace{ h1; }
chúng tôi muốn kế thừa từ bootstraps h1
trong vòng chưa sử dụng một mixin nhưLàm thế nào để kế thừa trong phần tử trong ít giống như xếp lớp?
.btn2{ .btn; }
nhưng thay vào đó muốn sử dụng h1
yếu tố:
.h1_replace{ h1; }
Tôi không tin rằng ít hỗ trợ kiểu của lớp thừa kế . Thay vào đó bạn có thể sẽ phải xác định lại kiểu dáng h1 như một lớp và kế thừa điều đó.
.h1 {
/* copy h1 style here */
}
.h1_replace{
.h1;
}
Mặc dù nếu bạn làm điều này, bạn có thể chỉ cần sử dụng lớp .h1 trong suốt mã của bạn.
Đây có vẻ là giải pháp duy nhất và hợp lệ nếu bạn bị mắc kẹt với phiên bản LESS <1.4.0, nếu không bạn có thể sử dụng ': extend'.syntax w/o cần phải cấu trúc lại cấu trúc tệp LESS của bạn. – Philzen
Bạn có thể sử dụng một mở rộng:
.h1_replace:extend(h1) {}
Như David F nói trong câu trả lời của mình, bạn không thể thừa kế theo loại phần tử trong LESS. Chỉ các lớp hoặc id có thể được sử dụng làm mixin. – ScottS
Vì Ít hơn 1.4.0 tuyên bố này không còn đúng nữa, hãy xem câu trả lời của mười ba bên dưới. – Philzen