如何在LESS的URL中使用带有2个参数的混入？
在LESS的URL中使用带有2个参数的混入，可以通过以下步骤实现：
- 首先，定义一个带有参数的混入。例如，我们定义一个名为
urlWithParams的混入，接受两个参数：$param1和$param2。
.urlWithParams(@param1, @param2) {
background-image: url("@{param1}?param2=@{param2}");
}- 接下来，使用
urlWithParams混入来生成带有参数的URL。在需要使用带有参数的URL的地方，调用urlWithParams混入，并传入相应的参数值。
.my-element {
.urlWithParams("image.jpg", "value1");
}- 编译LESS代码后，
.my-element元素的background-image属性将被设置为url("image.jpg?param2=value1")。
这样，你就可以在LESS的URL中使用带有2个参数的混入了。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议你参考腾讯云的文档和官方网站，查找适合的产品和服务。腾讯云提供了丰富的云计算解决方案，包括云服务器、云数据库、云存储等，可以根据具体需求选择相应的产品。
请注意，以上答案仅供参考，具体实现方式可能因个人需求和环境而异。
相关·内容
1回答
我有一个包含如下代码的vars.less文件：
@base: #96959A;
.ts_no{ text-shadow: none; }
.pos { position: absolute; z-index: 2; display: block; }
..。
编译后的vars.css：
.ts_no {
text-shadow: none;
}
.pos {
position: absolute;
z-index: 2;
display: block;
}
我只有几个文件，包括vars.less (@import 'vars')。所以所有这些文件都有vars.l
浏览 0提问于2012-04-17得票数 3
回答已采纳
我试图使用一个背景图像与渐变无引导混合，但它不工作，我已经导入所有的引导.less文件到一个style.less文件，其中我的theme.less被导入(这个文件)。每当我执行下面的grunt任务运行器时，都不会编译theme.less文件。我有这样的代码：
@base-url: '../img/backgrounds';
body {
background: #gradient.directional(#333; #000; 45deg), url('@{base-url}/bus.jpg'), no-repeat center center fixed
浏览 7提问于2016-09-20得票数 0
这是我的meteor应用程序中的main.less文件，我已经在其中添加了bootstrap包。
@import "variables.less";
@import "mixins.less";
#searchbar {
.border-radius(10px);
.box-shadow();
}
但是在http://localhost:3000/上打开这个应用程序，我得到了这个错误：
Your app is crashing. Here's the latest log.
Errors prevented startup:
/Users/a
浏览 1提问于2012-05-16得票数 9
回答已采纳
每次当我尝试编译我自己的.less文件时，我都会得到以下错误：
SyntaxError: variable @height, visibility is undefined in {web root}/resources/less/bootstrap/component-animations.less on line 31, column 3:
30 overflow: hidden;
31 .transition-property(~"height, visibility");
32 .transition-duration(.35s);
我在NetBeans中使
浏览 1提问于2015-01-13得票数 0
到目前为止，我已经设置了多个.less文件，当我保存它们时，这些文件被编译成.css文件。当我发布的时候，所有的css都被打包在一起。
但是现在我想开始使用一个混入文件。我如何集成它并使其对所有.less文件可用？Web Essentials和ASP MVC4可以做到这一点吗？最重要的是，我希望确保所有的捆绑和模仿仍然有效。
浏览 0提问于2012-12-25得票数 2
回答已采纳
我在一个较小的项目上使用Gulp (组合媒体查询)，它的工作效果与预期一致。但是，我需要为max-height添加一个媒体查询，而Gulp总是将max-height放在媒体查询的顺序中较低的位置，这样我就可以用max-width覆盖它，而无需使用!important或向CSS添加更多选择器。有谁知道一种方法来控制Gulp发出媒体查询的顺序，或者是一个合并了媒体查询并让我进行控制的gulp任务？
到目前为止，我已经尝试过和。
我可以通过将：@media (max-height:900px){}更改为@media (min-width:1024px) and (max-height:900px){
浏览 2提问于2015-04-18得票数 0
我有一个带有自动补全和zoneUpdater混合的Textfield。根据输入的值，我调用服务，该服务为自动完成选择返回新值。到现在为止还好。对我来说最大的问题是自动补全select没有提交选择值。我想根据这个值更新不同的区域。它现在的工作方式是，我必须提交整个表单，然后重新打开。但这不是客户想要的，它应该在不提交表单的情况下即时完成。对此有什么解决方案吗？谢谢。
浏览 3提问于2013-02-13得票数 3
回答已采纳
1回答
我正在尝试为我的字体大小和行高创建一个较少的混合，但现在当我试图运行它时得到一个错误。有没有人能告诉我在这方面可能出错的地方：
.font( @size: 1.6, @line: @size * 1.5 ){
@fontSizeRem: @size;
@fontSizePx: ( @size * 10 );
@lineHeightRem: @line;
@lineHeightPx: ( @line * 10 );
font-size: ~"@{fontSizePx}px";
font-size: ~"@{fontSizeRem}rem";
浏览 0提问于2012-08-01得票数 3
回答已采纳
1回答
编辑原始问题以提供所有详细信息。
在web.xml中添加了以下内容：
<filter>
<filter-name>WroContextFilter</filter-name>
<filter-class>ro.isdc.wro.http.WroContextFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>WroContextFilter</filter-name>
<url-
浏览 2提问于2014-02-03得票数 2
是否可以引用参数混合中的另一个变量？
.button(@textColor : @white, @iconColor : @textColor) {
color: @textColor;
i {
color: @iconColor
}
}
我希望@iconColor默认为@textColor的值。
编译器的抱怨就越少。
浏览 2提问于2013-01-18得票数 2
回答已采纳
2回答
有没有在JS代码中插入一些较少混入的选项？
我有这个边界半径混合：
.border_radius(@radius: 5px) {
border-radius: @radius;
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
}
那么，有没有可能将这种混合添加到jQuery代码中呢？
var less = require('less');
$('.circle').css({
width: width, height: width,
less.border_r
浏览 0提问于2013-05-02得票数 1
回答已采纳
这真的很烦人，特别是当我使用这些技术时，不仅要添加这些，而且还要对它们进行最细微的更改，因为我必须做三次，而不是只做一次。
示例：
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
一定有某种方法可以只做一次，比如插件或者其他什么。
浏览 0提问于2012-03-10得票数 1
回答已采纳
作为一个软件开发人员，我习惯于重用我的代码，而不是愚蠢的复制和粘贴工作。
在我的Less-File中，我想多次计算补色并使用它，例如用于文本颜色。
所以我这样定义我的函数：
.getComplement(@baseColor){
@invertedColor: #fff - @baseColor;
return: @invertedColor;
}
为此，我尝试使用如下函数的结果：
.classSelector {
color: .getComplement(#000);
}
但是当编译它时，编译器总是在我使用函数和设置颜色的行上显示“语法错误”：
color: .ge
浏览 0提问于2013-12-09得票数 0
Bootstrap文档提到了搭建和混合，我不能正确理解它们-他们所说的搭建是什么意思。我在谷歌上搜索了css中的搭建，但我没有从任何链接中得到一个好的想法。我还可以找到一些关于混入的页面，他们说的都是不同的，比如混入是带有来自其他类的方法的组合的类，混入是框架等等，但是没有完全了解什么是混入，它是一个概念还是框架。有人能帮我吗？
浏览 0提问于2014-03-20得票数 1
我有以下HTML：
<a href="javascript:void(0)" class="btn btn-primary btn-block">Start</a>
这很好用，然而，我不希望按钮在中型和大型设备(基本上是台式机)的屏幕上伸展。有没有一种开箱即用的方法来实现这一点呢？
浏览 0提问于2013-08-12得票数 6
4回答
我有个小问题..。有没有办法混合多个背景和更少的背景？
我在LESS中有这个背景设置：
.background_centered(
@url,
@position_horizontal: center,
@position_vertical: top,
@background-repeat: no-repeat,
@transparency: transparent) {
background: @arguments;
}
现在:我需要编写具有多个背景的输出样式，所以我这样做：
.class {
.background_centered(url('..
浏览 0提问于2013-03-14得票数 3
回答已采纳
我有一个跨越我站点的每个页面的通用样式表(general.css)，以及应用于某些页面的更具体的样式表。我想从general.css中提取一个选择器，并将其嵌入到我的特定工作表的选择器中。
例如：
(来自general.css)
.PrimaryFont {
font-family:"Palatino Linotype", "Book Antiqua", serif;
text-transform: uppercase;
font-weight: normal;
}
(来自specific.css)
h1 {
.PrimaryFont;
fon
浏览 7提问于2011-07-10得票数 0
我有一个带有以下(相关)设置的jsp：
<s:url value="/res" var="res_url" />
<link href="${res_url}/less/bootstrap.less" rel="stylesheet/less">
<link href="${res_url}/less/responsive.less" rel="stylesheet/less">
...
我注意到使用这种技术的一个问题，在新会话的第一个页面加载时，我的res_u
浏览 0提问于2012-12-17得票数 0
回答已采纳
2回答
CSS交叉继承
、、
在CSS中，有没有一种方法可以引用容器div标签中包含的元素之一的属性值来创建两者之间的动态关系。下面是一些代码来说明我的意图：
<div id="settingz" style="position:absolute; width: 350px; height: 300px;">
<span style="position:absolute; left:inherit parent width; margin-left:-30px; top:6px;" >
<img id="exportRe
浏览 1提问于2013-06-27得票数 0
我知道我可以将class="span3"添加到div中，但是如果我想通过LESS将相同的属性赋予另一个类，该怎么办？
示例：
<div class="span3">This width is span3</div>
<div class="anotherClass">I want to make this also span3, but without explicitly calling it out</div>
在更短的时间内，我想做一些类似的事情：
.anotherClass {
.s
浏览 0提问于2013-02-08得票数 3
回答已采纳
2回答
在我的项目中学习.less和使用twitters bootstrap。
如果我想要一个绿色按钮来提交表单，我必须这样写：
<input type="submit" value="submit" class="btn btn-success" />
但是我将能够跳过input标记中的class属性。
我不会更改twitter引导程序文件。我将在我的default.less文件中重载它们，如下所示：
button, input[type="submit"]{ .btn; .btn-success; }
但是我没有获得按钮的
浏览 0提问于2012-04-22得票数 3
假设我将一个较少的文件分成多个较少的文件，以便于组织。这是我的存储库：
/reset.less
/variables.less
/mixins.less
/main.less
/styles.less
styles.less正在导入其他文件：
@import "reset.less";
@import "mixins.less";
@import "variables.less";
@import "main.less";
但是，当我在main.less中添加一些代码并使用在variables.less中定义的@line-col
浏览 0提问于2013-08-10得票数 7
回答已采纳
Bootstrap使用一些较少的混合来生成它的类(和其他几个类)；
.make-grid-columns() {
// Common styles for all sizes of grid columns, widths 1-12
.col(@index) when (@index = 1) { // initial
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
.col((@index + 1), @item);
}
.col
浏览 0提问于2014-08-14得票数 0
我有一个类似于的进度条，我想改变它的颜色。例如，当该值小于50%时，我希望它从绿色变为黄色。
我对Less还不熟悉。我已经有一些方法可以更新更少的CSS。因此，如果我有一个稍后要在javascript中更改的@circle-color变量，我应该修改该变量，然后更新更少的变量。
less.modifyVars({
'@circle-color': '#FF4747'
});
less.refresh();
到目前为止，我已经尝试过了，但没有使用。有没有简单的方法可以做到这一点？我是不是漏掉了什么基本的东西？这是我觉得之前可能已经回答过的问题之一，但不管怎
浏览 1提问于2015-07-22得票数 0
我如何做这样的事情：？
.test1(@light: 1px;){
"inset 0 @light 0 rgba(255, 255, 255, 0.2)";
}
.test2(@elevation: 3px;){
"0 @elevation 0 rgba(000, 000, 000, 0.1)";
}
@testing: .test1() "," .test2();
box-shadow: @testing;
浏览 0提问于2013-06-09得票数 0
回答已采纳
1回答
我有一个用于视网膜背景图像的简单的LESS样式表，但最终发生的是它将我的域名放在url的前面，并且无法显示图像。
例如:它会把url改成http://mydomain.com/'_img/background@2x.jpg'，然后就不会显示了，因为里面有‘there’。我怎样才能阻止它这样做呢？
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`"@{path}".split('.').slice(0, "@{pat
浏览 0提问于2013-03-31得票数 2
是否可以通过另一个选择器中的选择器的混合来获取属性的值。例如：
@mixin mymixin($mywidth) {
width: $mywidth;
}
div {
@include mymixin(90%);
}
p {
width: (20 / (([GET_SOMEWAY_DIV_WIDTH] * 960) / 100)) * 100;
}
浏览 4提问于2011-10-08得票数 2
回答已采纳
我正在寻找某种if语句来控制不同div元素的background-color。
我试过下面的代码，但它不能编译
@debug: true;
header {
background-color: (yellow) when (@debug = true);
#title {
background-color: (orange) when (@debug = true);
}
}
article {
background-color: (red) when (@debug = true);
}
浏览 0提问于2013-02-16得票数 68
回答已采纳
9回答
SASS有Compass (一个社区维护的sass混入/方法库)。
LESS有没有可以与Compass相比的支持库？列出任何东西都会很有帮助！
浏览 6提问于2011-05-10得票数 50
回答已采纳
我一直在尝试让以下受保护的混入在我们的LESS样式表中正常工作：
#font {
.body( @size: 15px, @lineHeight: 18px, @weight: normal ) {
font: @weight @size~"/"@lineHeight Arial, sans-serif;
}
.marginLeft( @margin ) when ( @margin = 0 ) { }
.marginLeft( @margin ) when not ( @margin = 0 ) {
margin
浏览 0提问于2012-04-11得票数 4
1回答
我对LESS还比较陌生。它令人印象深刻，到目前为止，我真的很喜欢使用它，但我很想知道:我是否可以使用混合函数生成的结果并将它们与字符串连接起来。我在LESShat中加入了一个示例，它提供了许多Mixin函数，包括一个生成关键帧动画的函数。问题是关键帧函数需要传递一个包含属性的字符串，而我希望使用LESShat库中的其他混合来生成这样的关键帧动画。
原始.less文件：
@import "css/lesshat.less";
.keyframes(~'myskew, from {.skew(0)} to {.skew(90)}');
.myskewclass {
浏览 1提问于2015-02-12得票数 0
如何在LESS中进行双循环以生成一组混入，例如： .p_0_0 {
padding: 0rem 0rem;
}
.p_1_0 {
padding: 1rem 0rem;
}
.p_0_1 {
padding: 0rem 1rem;
}
.p_1_1 {
padding: 1rem 1rem;
} 最好使用内置工具...
浏览 23提问于2021-11-23得票数 0
1回答
不知道如何使用指南针将背景图像和背景颜色应用到div
尝试过这种方式
@include background(
image-url($bg-sprite) no-repeat,
color (#333));
这样做：)
@include background(
image-url($bg-sprite) no-repeat,
linear-gradient(#333, #333));
有没有更好的方法？
浏览 3提问于2013-06-07得票数 0
回答已采纳
1回答
在运行负载测试之后，Jmeter将结果生成到"summary.csv“中。
该文件中的某些urls如下所示：
1482255989405,3359,POST ...users/G0356GM7QOITIMGA/...
1482255989479,3310,POST ...users/HRC50JG3T524N9RN/...
1482255989488,3354,POST ...users/54QEGZB54BEWOCJJ/...
其中“.user/G 0356GM7QOITIMGA/.”-其URL列。
在此之后，我尝试使用以下命令生成j抄报告：
jmeter -g summary.cs
浏览 4提问于2016-12-21得票数 3
回答已采纳
我想我的要求有点奇怪，但我别无选择。
在现实生活中，有没有办法实现这个伪css规则：
假设我有规则：
.myCssRule1{ color:red; }
我不能(不想)改变它，但我需要在另一个规则中使用它，我将像这样制定：
.myCssRule2{
.myCssRule1
}
就像从另一个内部调用方法一样。
是否有本机方法或JS库可以做到这一点？
浏览 9提问于2013-02-15得票数 0
我正在尝试访问启用了https和SSO的站点。我已经在URL中传递了userid和密码，但这在chrome浏览器上不起作用。
我观察到，在url中有一种标记，它被添加到url之间。THis令牌对于您每次访问url时都是新的。
我认为在这里能行得通的是。访问url ->将在url中添加新令牌->身份验证弹出窗口将出现->然后我将获得当前url (带有当前令牌) -> driver.get此获取的url
我已经手动尝试过了，它工作得很好。
谁能帮助我获得当前的url值时，身份验证弹出窗口仍然是打开的，因为对我来说，控件没有移动到下一行与下面的代码。
public s
浏览 1提问于2019-11-26得票数 0
正如您可能知道的，因为当我们使用CSS3时，CSS3与所有浏览器都不兼容，所以我们应该在CSS3属性(如-moz、-webkit、-o和...)中添加前缀。
手动编写这些前缀很困难。那么，有没有什么插件、程序或其他东西可以检测CSS文件中的CSS3属性，并在这些属性中添加必要的供应商前缀？
浏览 1提问于2012-12-18得票数 3
回答已采纳
我一直在谷歌等搜索，但我没有找到我正在寻找的(我希望我没有遗漏什么)..所以我想我最好的办法就是问你们:)
我是第一次玩，我真的很喜欢它。然而，我现在有一个小问题。
我使用的@arguments变量如下所示：
.basicBorder(@width:1px, @type:solid, @color:@black){
border:@arguments;
}
它的工作方式与预期一致。现在，当我希望边框为红色时，我将这段代码添加到css中的元素中：
.basicBorder(1px, solid, @red);
它也能像预期的那样工作。但是，我希望避免编写1px, solid,，因为这些已
浏览 0提问于2011-10-11得票数 3
回答已采纳
1回答
我在我的assets/css/myfile.less Nuxt文件夹中创建了一个.less文件，并在其中添加了一些CSS。
.edit-btn-color {
background-color: #b1c646;
color: white;
}
.edit-btn-color:hover {
background-color: darken(#b1c646, 10%);
color: white;
}
在nuxt.config.js中，我执行以下操作：
export default {
less: ['@/assets/css/myfile.less'],
浏览 67提问于2021-05-18得票数 4
回答已采纳
2回答
我正在重写我的Less css结构，使其更具可伸缩性。我正在寻找一个架构，为每个模板的每个媒体查询加载一个模板。
最好，我想把它加载到一个混入中。当前混入如下所示(但不支持特定组件加载)`
/**
* Progressive enhancing overrides (mobile first)
*
* Mobile loads "mobile.less"
* Wide mobile loads "mobile.less" and "widemobile.less"
* Tablet loads "mobile.less"
浏览 3提问于2015-08-11得票数 0
我想在我的rails视图页面中编写一些代码，为div定义一个带有param的类，如下所示：
%div{:class => div_with_width("500px")}
然后在sass文件中，像这样定义一个类mixin：
=div_with_width(!width)
div
:width = !width
我可以写这样的代码吗？或者有没有一个好的方法来做到这一点？谢谢。
浏览 0提问于2011-05-19得票数 0
回答已采纳
1回答
我试图实现的是将.less提取到带有字体的.css文件中，并将每个目录放在如下所示的单独目录中：
web/
assets/
css/
- style.css
fonts/
- glyphicons-halflings-regular.eot
js/
- style.js
但关键是css文件表示同一级别上的字体目录。
style.css
...src:url(./fonts/glyphicons-halflings-regular.eot)...
webpack.config.js
const pat
浏览 1提问于2016-05-17得票数 3
回答已采纳
所以我在我的Rails应用程序中包含了的网址，但是它把一切都搞乱了。
我像这样包含了它：
<%= stylesheet_link_tag('http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css', 'style', 'css3buttons', 'jquery.lightbox-0.5', :media => 'all') %>
我想要做的是，当我将类应用于html标记时，只应用Twitter样式。理想情况下，我想要做的是让它甚至覆
浏览 0提问于2012-01-17得票数 4
我想根据选择器名称应用文本对齐属性。
如下所示，我尝试使用带有选择器的@if指令(这是四个DOM元素中的两个)，但效果不佳。
所有四个DOM元素的文本都右对齐，因此它们接收@if语句中的第一个代码块。
此代码块嵌套在@extend指令中，该指令依次放入每个选择器的代码块中。
如果使用这种方法不可能做到这一点，那怎么可能呢？
//global.scss
%project-title {
@media screen and (min-width: 1024px) {
@if ("#project-1" or "#project-3") {
浏览 2提问于2018-04-03得票数 0
2回答
我试图保持HTML的整洁，并使用混入而不是非语义引导类。
我所有的“索引”表都应该有.table和.table-hover。
table.index {
.table;
.table-hover;
}
除了应用于.table下的元素的规则之外，这种方法工作得很好，例如：
.table tbody tr
我可以在.index tbody tr中混入.table tbody tr吗？
table.index {
.table;
.table-hover;
tbody tr {
.table tbody tr;
}
}
当然，这最后一段代码失败了，因为第六行出现了一个
浏览 0提问于2013-02-19得票数 0
回答已采纳
1回答
我有两个div
<div class="first-div"></div>
<div id="second-div"></div>
现在，我使用scss定义了一个混入，如下所示
@mixin border($thickness, $border-type, $color){ border:$thickness $border-type $color;}
这个mixixn本身嵌套在另一个中，如下所示
@mixin NestOtherMixins{
@include border(2px, soli
浏览 8提问于2016-09-18得票数 0
回答已采纳
我想做一个装饰器，防止用户看到别人的个人资料，但可以看到自己的个人资料。如果用户的id作为传入url，我希望在我的django装饰器中获得值id=5。我怎么才能得到它的例子呢？
def admin_or_ownership_required(owner):
def check_admin_or_owner(user):
# pk = request.GET.get('pk', None)
# if pk is not None and pk == user.id:
# return True
if
浏览 0提问于2014-11-04得票数 1
我使用的是laravel 5.5，我正在尝试编译一个带有一些bootstrap覆盖的更少的文件。
我的webpack.mix.js文件中包含以下内容：
mix.js('resources/assets/js/app.js', 'public/js')
.less('resources/assets/less/app.less', 'public/css').options({
processCssUrls: false
});
app.less格式如下：
@import "~bootst
浏览 19提问于2018-02-16得票数 1
2回答
我想要缩短我的css文件(总共4843行)，我想将这个文件应用到一个带有一个名为"block1“的类的div中，如下所示：
.block1{
.pages{
//some style
}
}
不是这样的(消磨了很多时间)：
.block1 .pages{ //some style }
.block1 .titles{ //some style }
这似乎行不通。有没有别的办法可以让我这样做呢？
浏览 2提问于2013-02-28得票数 0
回答已采纳
这可能是一个Windows特定的问题，但我在谷歌上搜索这个问题时没有找到任何信息。我一直在使用离子框架，它依赖于Cordova (或Phonegap)。然而，问题并不是这些包所特有的。我经常看到这种错误。因此，错误是在我运行如下命令时出现的：
npm install -g cordova
但是，我可以替换其他各种包，并得到相同的错误。我将粘贴下面的错误消息片段(非常简短)。奇怪的是，我之前在那个目录中有一个ionic项目。然后今天它告诉我找不到ionic了。我的直觉是这是一个与我在这里描述的主要问题不同的问题。
我安装了git bash，所以我有一个类似linux的环境，我可以尝试一下。我只会
浏览 0提问于2015-07-22得票数 17
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
