折腾：
【已解决】ReactJS的页面中禁止长按某行时弹出的复制选择功能
期间，已经可以通过：
.xxx : { //disable text selection -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }; |
去控制 不允许用户选择了。
现在希望把这段配置，放到公用的：
variables.less
中，然后其他地方调用。
试了试：
@noUserSelect : { //disable text selection -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }; |
但是其他地方没法调用。
.nn_b_list { @noUserSelect; } |
less 变量定义
less variable
写成：
.noUserSelect : { //disable text selection -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }; |
结果还是报错：
【总结】
去改为：
variables.less
.noUserSelect { //disable text selection -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }; |
调用：
style.less
.nn_b_list { .noUserSelect; } .item { .noUserSelect; …….. } |
-》
其实此处的做法，就是普通的CSS的写法。而不算是LESS的变量的写法了。
但是之前不熟悉，还是记录于此供参考。
转载请注明：在路上 » 【已解决】LESS中如何定义一段配置作为变量并调用