Áp dụng khối mã cho các lớp giả trong LESS
Hãy tạo một hàm sẽ thiết lập
kiểu cho liên kết ở trạng thái hover.
Giả sử hàm này nhận một khối mã làm tham số:
.hover(@code) {
}
Hãy xuất khối mã được truyền bên trong
trạng thái hover:
.hover(@code) {
&:hover {
@code();
}
}
Hãy sử dụng hàm của chúng ta bên trong liên kết:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kết quả biên dịch:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Hãy tạo một hàm tương tự sẽ
thiết lập kiểu cho ô nhập liệu ở trạng thái focus.
