a

Câu hỏi Sử dụng tên biến cho công cụ chọn trong ít hơn


Có cách nào để sử dụng tên biến để lưu bộ chọn và sử dụng nó không?

#master #leftcontent div,
#master #rightcontent div{
    background-color: #fff;    
}

#master #leftcontent a,
#master #rightcontent a{
    color:blue;    
}

Có thể lưu trữ #master #leftcontent trong một biến và tham khảo nó không


20
2018-04-03 01:16


gốc




Các câu trả lời:


Có, điều này có thể được thực hiện

Điều này hoạt động trong LESS 1.3.1+. Bạn có thể thay đổi chuỗi, nhưng đây chỉ đơn giản là một ví dụ về một cách nó có thể được thực hiện:

ÍT HƠN

@selector1: ~'#master';
@selector2: ~'@{selector1} #leftcontent';
@selector3: ~'@{selector1} #rightcontent';

@{selector2} div,
@{selector3} div { 
   background-color: #fff; 
}

@{selector2} a,
@{selector3} a { 
   color: blue; 
}

Đầu ra CSS chính xác như bạn thể hiện trong câu hỏi.


38
2018-04-03 10:45



Cảm ơn. Đó chính xác là những gì tôi đang tìm kiếm. - user460025
Tôi có thể sử dụng @ selector1: '&: hover, &: focus, &: active'; và đẩy nó vào một selecor như: a {... @ {selector1} {...}}? - Roman M. Koss
làm thế nào để tôi đứng trước giá trị với một . được sử dụng trong bộ chọn @selector:. ~ {@currentMember}; @selector div - chovy
@chovy: Giả sử @currentMember là một chuỗi có tên lớp bạn mong muốn, sau đó @selector: ~'.@{currentMember}'; @{selector} div { ... } - ScottS
Có thể thực hiện @ {aside}: ~ '# master &'; (bao gồm một '&' trong chuỗi chọn) ?? Tôi dường như không thể làm được ... - olefrank