在windows上，我使用WinLESS编译.less文件，但我遇到了一个小问题 我有几个文件导入我的核心变量.less文件。它只有变量。WinLESS编译时，也会生成一个空白的variables.css文件。有没有办法阻止创建此空白文件？如果您有最新版本（1.3.0），那么没有，恐怕没有 但是你应该在上面提出一个错误 我是他们的开发者，我很快就会看的 [编辑] 有一些需要的行为-如果您更改一个文件，并且它从非空变为空，您会希望它更新。但是，如果输入文件是通配符，输出为空，并且该文件不存在，则可
我使用更少的.js来编写css。当我构建项目（grunt服务器，grunt）时，grunt contrib less插件将less.js样式转换为我的main.css文件。我只在index.html中包含此文件 这对于部署非常有用，但对于开发却没有那么多。我需要构建项目或运行“grunt less”来查看css的更改 我猜有一种更简单的方法可以做到这一点，但我对grunt en yeoman的东西还不太熟悉，所以我不知道该去哪里找。我建议使用，与grunt contrib less一起使用
我有以下代码： li { @count: 6; &:nth-child(~"{@count}n") { } } 我希望这个结果是： li { &:nth-child(6n) { } } 但是我得到了错误“ParseError:unrecogned input” 我怎样才能做到这一点 谢谢,， 米格尔 li { @count: 6; &:nth-child(@{count}n) { // ... } }
每次我对其中一个文件进行更改时，我都试图让Grunt处理较少的文件 我有一个“监视”任务在工作，它说当我进行更改时它正在处理文件，它输出更改的正确文件，所以我的手表在工作，但我所做的更改没有在css文件上进行 我的文件结构是这样的 -styles globals.less components.less -menu menu.less -header header.less 当我第一次启动应用程序时，较少的文件被内置到正确的components.
在某些情况下，在不同的属性中使用相同的值是很常见的，例如，这只是显示以下嵌套规则的示例： .button-link { height:40px; a { line-height:40px; } } 其思想是，垂直居中按钮文本行的高度和高度应该相等 在LESS中是否有方法指定从不同属性获取的值 我知道我应该使用较少的@变量，但在这种情况下，这是不同的事情，需要额外的代码。相反，如果我只编辑按钮的高度，那么LESS会将相同的值替换为行高度，这将非常有趣和有用 更
我有一个.less文件，其中保存了所有全局变量。例如： lib.less @primary-color: red; .primary-font{ font-family:Arial; } 在我的一个页面上，我有一个特定于页面的CSS文件。例如： 主页。较少 @导入“lib.less” 我使用更少的内存进行预处理。这会将“Homepage.less”呈现给客户端，如下所示： .primary-font{ font-family:Arial; } .Login { color:r
以下（简化）更少的代码正确运行，打印width属性的值，先前分配给@screen md变量 @screen-md:700px; @size:md; @temp:"screen-@{size}"; @width:@@temp; .foo { width:@width; } 假设@size值可以是传递给mixin的参数。通常，为了获得所需的结果，我需要传递@temp变量，首先根据@size值为她分配一个变量名，然后使用，最后将其分配给@width变量 我的问题是：是否有可能避免@temp变
我正试图用它编译更少的文件。问题是当我跑步的时候 $ activator publish-local 将抛出以下错误 object less is not a member of package com.typesafe.sbt import com.typesafe.sbt.less.Import.LessKeys ^ sbt.compiler.EvalException: Type error in expression at s
在更少的时间里，你总是可以做到这一点。为图像路径创建一个变量，然后可以在背景url中插入图像路径。我怎么能用SASS做这个 @static-path: "../../static"; background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom; 在SASS中，我们用$定义变量 所以定义名为path$img\u path的变量：“../../static” 然后使用一种叫做插值（）的方法：
我似乎无法让CSS的isurl方法发挥作用 如果我将“”传递给mixin，则isurl的计算结果不会为true 如果我传入（不带引号），那么它不会编译 我的isnumber护卫工作如我所料 制作了以下简单的测试线束。文本是蓝色的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h
如果我对这个问题感到厌烦，很抱歉，但是当使用Codekit（更少）缩小时，有一个技巧可以保留一些注释。正常的CSS样式注释会被保留（比如/*Hello*/），而单行注释（//Hello）会被删除。CodeKit只使用较少的可执行文件，因此它与较少的可执行文件完全相同 参考：保留常规CSS样式的注释（如/*Hello*/），而删除单行注释（//Hello）。CodeKit只使用较少的可执行文件，因此它与较少的可执行文件完全相同 参考：以感叹号开头的多行注释（如/*！Comment…*/）由LESS
如何将参数mixin输出设置为变量 假设我有一个带有以下参数的自定义mixin： .gradient(#555, #333, #777); 我想把它放到一个变量中，这样我就可以在我的代码中引用这个特定的梯度 像这样包装它： @mixin elGradient() { @include .gradient(#555, #333, #777); } .element { @include elGradient; } 如需包含以下内容： @mixin elGradient() {
我安装了Sublime Text 2和Node.js。之后，我使用命令控制台npm install-g less安装了Less2CSS插件并尝试编译更少的文件，然后我得到了错误压缩选项已被弃用。我们建议您使用专用的css缩小器，例如，请参阅less plugin clean css。我在上发现了相同的问题。但我不知道要更改的内容和文件。如果有人有相同的问题，请帮助我。我附上了屏幕截图以进一步了解该问题。谢谢大家。要解决此问题，请转到Sublize Text并： 转到首选项>浏览软件包 打开Les
希望捕获“&”在“.media”下的状态值。希望我能利用BEVM风格的方法 .media { @this: &; &__body { float: right; } &.-reverse { @{this}__body { color: blue; } } } 希望生产 .media.-reverse .media__body { float:
我有一个条件语句，它根据设置的菜单类型导入文件 在本例中，“nav main type”已设置为“dual”，因此第二个“\u type”应在“非桌面”媒体查询中运行并导入“menu main mobile.less” 它似乎导入得很好，但是文件没有编译成CSS。当我从第一个“\uuu类型”注释掉导入时，一切都正常，所以问题似乎是同一个文件有两个导入 这应该不是问题，因为只有一个“\uuuu类型”可以运行，所以我不确定问题出在哪里 有人有主意吗 谢谢 .Menu-Main(); @Menu-Ma
例如，我希望能够做到这一点： .bigfirstletter(@mag) { &:first-letter { font-size: [get_original_font_size] + @mag; } } 但就我所知，我必须这样做，这并没有那么整洁 .bigfirstletter(@fontsize, @mag) { &:first-letter { font-size: @fontsize + @mag; } } 我有别的选择吗？谢谢你的帮
我想让格朗特做点什么。我的项目如下所示： /app /assets /components /stylesheets /less /file1.less /file2.less /file3.less /importAll.less /css 我希望这样，当file1、file2或
我使用较少的CSS，我有以下情况。你能告诉我是否有办法进一步优化更少的代码吗 如您所见，有许多对象在它们之间共享属性，但每个对象都有自己的特定自定义 多谢各位 footer a { font-weight:bold; &#acme, &#email_footer, &#browser_ok, &#browser_old { display:inline-block; position:re
我试图对我的代码库采用更少的1.4扩展特性，但发现它会输出所有的mixins。。例如： .DefaultFont { font: 12px/1.5 sans-serif; } .NoPaddingMargin { padding: 0; margin: 0; } body:extend(.DefaultFont all, .NoPaddingMargin all) { } 产生 .DefaultFont, body { font: 12px/1.5 sans-serif;
如何在grunfile.js中指定当前目录 看起来，grunt任务中的所有路径都是相对于grunt的文件位置的 我的目的是能够在任何项目的子文件夹中运行grunt任务，但我不知道文件名 让我澄清一下，例如，我有50个包含组件的文件夹，在一些文件夹中，我有2个*更少的文件。我想要的是能够在该特定文件夹中运行lesscss grant任务，该任务将那些*.less文件转换为*.css（保留原始名称）。在我的项目grunt jscs checker中，我们这样做是为了测试： grunt.file.se
我知道这一点 less.modifyVars({'@parameter' : <value from form field>}); 但我没有发现这样的东西。有没有办法（使用LESS方法或jQuery）获取当前值 谢谢此脚本从提供页面的同一服务器加载较少的样式表（样式表/变量。较少的），并在列表中打印变量（）： $（文档）.ready（函数（）{ var parser=new（less.parser）； $.get（“样式表/变量.less”），函数（数据）{ parser.pars
我使用的升华文本编辑器是我使用过的最好的文本编辑器，但我现在遇到了一个问题，最初我是在windows上开发的，但现在我改用Ubuntu14.04 lts，我已经成功安装了升华文本2，但在编译较少的文件时遇到了一些问题，就像我通常在windows上使用升华测试时遇到的问题一样（ctrl+b）哈哈，这很严重。这是我每次尝试编译时都会遇到的错误 [Errno 2] No such file or directory [cmd: [u'lessc', u'/opt/lampp/htdocs/r6ima
我从netbeans IDE的冒号“span:nth child”行中得到一个错误。表示“发现意外标记冒号”。我还检查了一个在线less验证器，得到了相同的结果 代码是有效的，但我还是觉得有些不好 有什么意见吗 .randomColor() { @baseColor: #003459; @number1: `Math.floor(Math.random()*10 + 90)`; @number2: `Math.floor(Math.random()*10 + 20)`;
Less percentage函数返回值，单位为（%）-wow 将编译为： element { width: 50%; } 在（vw）中获取值的最佳方式或语法是什么，以便将样式编译为： （请记住，需要使用除法功能。（700/1400） 实现预期输出的最佳方法是将该值乘以100vw。这将是最有意义和最容易理解的方法 a{ width: 700/1400 * 100vw; } 下面使用函数的方法也很有效，但我不推荐 我不推荐它的一个主要原因是，我不确定它是否应该像它那样工作。unit（）
我正在尝试设置一个clojurescript项目，该项目使用LeinLess插件编译.less文件。我应该说我对clojurescript还不熟悉。问题是它似乎没有运行。当我运行“lein figwheel”和更改.less文件时，它都不会运行 这是我的project.cljs (defproject fed-repo "0.1.0" :description "Frontend Repository" :dependencies [ [org.clojure/c
我目前有以下设置 .classA { &.classB { } &.classC { } // some more } 所以每个类都依赖于类A。没有改变要求，我需要有B类，c类。。。在甲级以外工作 但是，重要的是它仍然通过&连接到classA 我在找像这样的东西 .classA, { ... // the comma should indicate classA or nothing } 干净的方法是 .classB { &, &
我有一个.less样式表，具有以下结构： @width:600; .some-style { width:@{width}px; } 这会产生以下错误： Expected '}' on line x in file '..\styles.less' 我需要这些大括号，因为我需要将变量与以下px后缀区分开来（@widthpx不起作用，因为它会查找名为widthpx的变量）。我不能使用空格，因为600px不是有效的css。用括号代替大括号也不管用 我做错了什么 更新：我从软件包管理器安
关于环境：我们使用UI构建自动化，我们确实用于管理第三方依赖关系，因为我们不想在存储库中保留第三方代码，我们用于CSS扩展 目前正在将供应商资产的压缩版本制作成单个CSS文件，但遇到了一个问题，即Compass在构建时并没有以某种方式将图像转换为内联图像。我们希望将所有图像内联到带有数据URL的CSS文件中（只要我们支持比IE9=更新的浏览器） 主SCSS文件，包括 // styles/main.scss $iconSpritePath: '../components/bootstra
我使用的是visual studio 2013预览版，我试图在应用程序中使用更少的文件。但是我在右边的窗格中得到一个编译错误。你可以看看。有人能帮我吗？ 您必须使用“Unicode（不带签名的UTF-8）代码页65001”编码保存较少的文件。转到文件->将“您的文件”另存为。我不知道您是如何安装web essentials 2013的——我无法从vs2013中的“扩展和更新”库中找到它……您可以查看此链接。事实上，在我试图执行这项任务的那一天，我们没有正确更新Web Essentials Pre
我试图用更少的时间扩展Fontello生成的图标伪类 现在，尽管这样做有效： .icon-extended:before:extend(.icon-caret-n:before) {} 这并不是： ul.checked li:before:extend(.icon-ok:before) {color: #4fa33b;} 不明白为什么 本例中的li:before将从.icon ok:before获取内容定义，但不是[class^=“icon-”]：before，[class*=“icon-”
我是较少使用CSS的新手，但我花了很多时间学习CSS。目前，我正在将我的CSS代码迁移到一个不太需要学习和改进的地方。我在迁移过程中偶然发现了这一点 现有CSS代码 编写更少的代码 但是我陷入了一个困境，如何使用上面的层次结构为navigationMenuList类选择器编写css道具。或者我需要回退到CSS的常规方式吗 #sidebar .actionMenuList .topNavMenuList, #sidebar .navigationMenuList .topNavMenuList {
我希望允许用户切换我的网站的整个配色方案与按钮按下 我有两个单独的.less文件，它们具有相同的全局变量，但颜色不同。这个问题似乎很简单。。“用1.less文件交换另一个”。但我究竟如何做到这一点呢 当然，我可以根据单个元素的状态逐个修改.js中的整个站点元素，但这似乎是一个管道胶带解决方案。举个例子，一个可能的解决方案是：假设您有一个div元素，希望在每个主题中对其背景进行不同的着色。加载两个.less文件，并按如下方式编辑它们（将主题类添加到包装整个文档的正文元素）： 主题-1.更少 bod
variables.LESS中的哪些变量较少导致导航栏背景梯度 我只想通过使用较少的变量来定制导航栏的渐变颜色。 我希望避免使用原始CSS覆盖导航栏背景 根据说明，没有与渐变相关的变量，仅自定义@navbar default bg对于渐变（由2种或更多颜色定义）是不够的 这可能吗？通过对@navbar default bg应用变暗和/或变亮功能，可以获得额外的导航栏渐变颜色。因此，如果您需要渐变，而不仅仅是@navbar default bg的阴影，那么除了“覆盖原始CSS”之外，没有其他方法了
我在VisualStudio中使用的更少，而且它工作得很好，但是现在我第一次尝试使用mixin 我输入以下代码： .box-sizing (@type: border-box) { -webkit-box-sizing: @type; -moz-box-sizing: @type; box-sizing: @type; } 但我从visual studio编译器中得到错误： 减：未识别的输入 我做错了什么 该代码没有问题-可能是其他代码导致了错误
我已经将Ant Design antd的较少文件包括在我的React应用程序中，因为我想定制主题，如前所述。但是，我不确定在悬停菜单项时要更改、编辑或删除淡入淡出效果的变量。也就是说，我希望悬停菜单项的文本和背景颜色能够更快或立即更改。您无法通过编辑主题变量来实现该自定义级别。您需要手动将自定义css应用到您想要自定义的元素上，例如 例如，在悬停时将悬停动画设置为4s .ant-menu-item:hover { transition-duration: 4s; } 要查找准确的类名，您可
V:lessphp v0.3.4-2 使用此选项： @topDarkGrey: #6e6c74; @bottomDarkGrey: #5d5b64; .gradient (@startColor: #eee, @endColor: white) { background-color: @startColor; background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@en
我正在使用TwitterBootstrap，我想传递按钮宽度动态..如下代码 我想从客户端（从视图（MVC））动态地传递“@wth”值。 现在它在变量上以静态的方式出现。更少的文件…但是我想直接从视图（MVC）传递 那么，最好的解决方案是什么 尽管在浏览器中使用较少的.js会给人一种能够做动态事情的印象，但这些样式都被编译成CSS文件，并且在应用到html时具有固定值。因此页面加载后，您无法更改较少变量的值 如果您需要根据一些预设的大小动态地更改按钮的宽度，我建议您应该向css中添加类（小
我已经设置了Visual Studio 2013 RC和Web Essentials 2013。我正在尝试使用ASP.Net MVC 5创建Azure云服务和Web角色。安装了Twitter Bootstrap Less Source 3.0，并希望使用WebEssentials 2013捆绑所有Less文件 关于如何在运行时绑定bootstrap.less或在设计时将其编译成bootstrap.css，我没有得到任何帮助或文档 你知道怎么做吗？有没有比更新（2015年9月29日）更简单的方法
在CSS中，如果我希望有两个具有相同属性的类，我可以编写以下代码： .class1, .class2 { color:red; } 我希望为较少的混合获得相同的结果，但不允许使用以下代码： .mixin1(), .mixin2() { color:red; } 是否有一种正式的方法“创建一个混音副本””？根据七阶段最大值的建议，我可以提供一个更详细的答案： 更简单（原始）的解决方案： .class1 { color:red; } .class2 { .class1; }
我想创建一个mixin，这样我就不必总是键入相同的代码。我想让mixin接受参数。这是我不得不一次又一次地写的文章（序列和圆圈部分）： 我想创建如下内容： .CircleInfoBox (@color1, @background-color) { .serial {@color1}; .circle {@background-color}; } 这可能吗？是的，可以将参数/参数发送到mixin并使用它生成规则。在官方术语中，这种混合物被称为 请注意，参数混合不会产生任何输出，除
我有这种情况。我想将bower安装的所有css和js文件压缩并复制到/dist/： var gulp = require('gulp'); var bower = require('main-bower-files'); gulp.task('default', function() { return gulp .src(bower({ paths: 'app' }), { read: true }) .pipe(gulp.dest('dist'))
如何将以下条件转换为更少 .mixin(@width) { width: (!@width ? auto : @width); } 结果应该是： [no value is passed] LESS: .mixin(); CSS: width: auto; [value is passed] LESS: .mixin(200px); CSS: width: 200px; 可以使用默认参数值来完成此操作： .mixin(@width: auto) { width: @width;
我正在使用Bootstrap3，客户端希望将网站容器宽度设置为960px。我是直接编辑CSS文件还是最好的方式？我听说了一些关于“少”的事。我是否自定义下载？谢谢 更新：该站点不需要响应，因此我可以禁用响应性，只需将960px宽度添加到CSS中即可，或者这会在其他地方引起问题吗？最简单的方法是将所有内容像这样包装在一个容器中 .container-fixed { margin: 0 auto; max-width: 960px; } 或者，您可以使用更少的/自定义构建：引导grids
我正在尝试使用retinajs.com上的retina-1.1.0.less代码。它不工作，因为背景图像根本不显示 以下是html： <head> <link rel="stylesheet/less" href="../../scripts/retina-1.1.0.less" type="text/css" /> </head> <head> <link rel="stylesheet/less" href="../../scripts
例如，我有一个较少的混音 .mixin(){ background: black; [data-attribute]{ color: white; } } 我怎样才能只获得“颜色”属性？ e、 g: .my-class{ .mixin[data-attribute](); //don't work for me }
我希望使用更少的代码来针对类中的特定元素 在本例中，我希望以类button的元素为目标，但在该类中，我希望以锚定标记a为目标 目前我有： .button { /* lots of bits and pieces go here, hence the need to keep it at a class level */ /* further down, but still in .button */ /* Attempt 1 - fails: com
关于LESSCS，我有一个简单的小问题。如何在LESSCS中获得百分比或像素的计算值。比如，我有：（（1/1）*1）=1。我知道答案是1，但我希望这个“1”是这样的百分比或像素：“1%”或“1px” 我只需要在计算值中插入或放入百分比（%）或像素（px）符号 非常感谢您的帮助。请使用： unit(@yourvalue,px) 或 附加说明： 默认情况下，计算中第一个出现的单位将分配给结果。例如单位（（1/2*3），px）和（1px/2%*3rem）都将返回1.5px我得到了解决方案。所需的只
我的想法是创建一个较少的mixin，它可以将伪元素：before或：after添加到我页面中的任何元素中 我尝试使用LESS mixin的“命名参数”创建一个通用mixin，用户可以在其中指定伪元素是：before还是：after 当我编译时，我得到一个错误：“无法识别的输入” 这是我的密码： .setInlineIcon(@iconx: 0; @icony: 0; @pos: before; @margin: 0; @margindir: right) { &:@{pos} {
我有一个最多4个项目的链接栏，但在某些情况下，可以减少到只有一个项目 我只想在酒吧的左侧和右侧圆角，只有第一个和最后一个项目有圆角 问题是当只有1项时，因为只有一个不带@side参数的常规调用，&:last of type规则显然会覆盖类型1的&:first 如何优化以下条件较少的混合 .rounded_corners (@radius:5px, @side:all) { border-radius:@radius; } .rounded_corners (@radius:
这里有一点不太一致的地方。。。有人知道这些的正确语法是什么吗？下面的代码是我以前使用的纯SASS mixin。谢谢你的帮助 @mixin linear-gradient($left, $right, $optional:false) { @if $optional and type_of($optional) == number { background: -webkit-linear-gradient($optional + deg, $left, $right); bac