less相关内容
我使用Less父选择器缩短我的选择器: .module-name { // styles go here & __ sub-module-1 { // styles go here } } 现在我的问题是如何继续使用父选择器在嵌套:hover语句中添加module-name。例如。在子模块-1的悬停我想改变子模块-2中的东西。在&:hover语句中,父选择器引用
..
一般问题 我有媒体查询,可以更改某些文字元素,例如: body.single .entry-content p, body.single .entry-content ul, body.single .entry-content ol, body.single .entry-content table { line-height:1.8; } 如何使用LE
..
我是新手,所以要温柔。我相信我的术语也不正确: 假设我有自己的jumbotron覆盖: .jumbotron { background-color:#ff4400; } 然后我想有一个自定义重写,我继承上述类,并且仅使用其颜色作为“lighten()”的参数覆盖其背景颜色。我无法弄清楚语法: .Myjumbotron { .jumbotron;
..
如何创建一个使用嵌套mixin属性作为参数的mixin? 我用下面的例子解释自己。 我有一个'transition-property'mixin: .transition-property(@props){ -webkit-transition-property:@props; -moz-transition-property:@props; -o-transiti
..
我需要8种不同的CSS3动画,这是太相似,所以我使用LESS。下面是代码,它完美地工作,有一个小毛刺 - @name变量。 .animation_top pxFrom,@pxTo){ @ -moz-keyframes @name { 0%{ top:@pxFrom; opacity:0; } 100%{ top:@pxTo; opacity:1; } }
..
任何想法为什么当我编译Bootstrap 3使用Crunch / WinLESS时,某些风格破裂。我使用这个代码命名空间引导。 .namespace-bs { @import“less / bootstrap。减”; } 对于大多数样式,它的效果很好,但有一些, : .btn-primary .namespace-bs .caret,.btn- succes
..
可以使用less.js中的库来从浏览器中的较少文件中动态重新生成CSS。如果有一个简单的方法来修改较少的代码,这将是一个非常强大的方法动态更新网站的CSS。 想象一下,你有一个颜色,使用了100次整个大型网站。如果你想使用javascript动态更改颜色,你需要更新每一个CSS的颜色(也许50行代码)。 我想象你需要写的是这样的: $('@ mainColour')。value
..
说我有三种不同的颜色方案,在网站的各种网页上使用。每种颜色都有一个浅色,中等和黑色的色调定义,颜色方案由一个类在体内定义。假设“红色”颜色方案是默认值。像这样: 颜色定义: @ red-lt:#121; @ red-md:#232; @ red-dk:#343; @ green-lt:#454; @ green-md:#565; @ green-dk:#676;
..
我使用LESS来改进我的CSS,并试图在类中嵌套一个类。有一个相当复杂的层次结构,但由于某种原因,我的嵌套不工作。 我有这个: .g { float:left; color:#323a13; .border(1px,#afc945); .gradient(#afc945,#c8da64); .common; span { .my-span; .border-b
..
我有一个html像这样所有我已经包括所有的文件到我的文件夹。 我试图添加一些'少'css属性到我的main.css文件,但它没有反映在我的浏览器我已经添加了这样。 p {color:red;} 任何帮助将非常感激。
..
我正在寻找一种更聪明的方式将bootstrap类集成到我的less文件中。 我现在做的是,但是这有一个缺点, “子类”或连接类将继承为我自己的控制: .BWForm_form-control { 。形式控制; } 我解决了这个问题(连接类)我从bootstrap和adjust它对我的控制: / *#region“.BWForm_form-control”
..
在单独的CSS文件中维护IE解决方法的常见做法是什么?我在谈论更深层的问题,这是不切实际的通过其他手段(如包括一个替代图像网址使用base64编码的嵌入式资源; boxsizing.htc解决方法等等)注意:在考虑dataURI和vanilla spriting时,我保守,所以只有一些 有时我必须使用类似的代码 .some-class-lets-say-datepicker {
..
尝试搜索,但是给定的语法很难。有没有办法在LESS中生成一个随机数?我检查了文档,没有看到任何东西,但想知道是否有人知道一个伎俩或未解决的解决方案。 解决方案 文档: JavaScript评估 可以将JavaScript表达式计算为.less文件内的值。我们建议谨慎使用此功能,因为LESS不能由端口编译,这使得LESS难以维护。如果可能,尝试想一个可以添加以实现相同的目的,并要求在
..
我在一个iPad专用网站上工作。为了使我的网站工作在视网膜显示iPad和旧版本的iPad,我想在LESS CSS中设置一个变量在媒体查询如: @media all and(max-width:768px){ @ratio:1; } @media all和(min-width:769px){ @ratio:2; } 因此,当您以像素为单位设置任何内容时,您可
..
说我有这个mixin: .loop-strings(“A,B,C”,“1,2 ,3“,”X,Y,Z“;); 实现方式如下: .loop-strings(@list,@index:1)when(isstring(extract(@list,@index))){ @currentMember:extract(@list,@index) ; .do-some
..
我认为这是不可能的,但我想我会问,如果有一种方法。这个想法是,我有一个变量的路径到web资源文件夹: @root:“../img/”; @file:“test.css”; @url:@ root @ file; .px { background-image:url(@url); } 我得到这个结果: .px {background-image
..
是否可以在mixin中添加 span3 类,以避免将其放在HTML的每个元素中? 类似的东西: .myclass { .span3; //其他规则... } 我很抱歉我忘记指定一个重要的细节: span3 是Bootstrap的标准类。 我没有在Bootstrap框架的任何文件中找到它的定义。 解决方案 新答案(需要LESS 1.4.0)
..
我正在尝试LESS(不是SASS语法的粉丝),并一直在试图找出最好的方式来做媒体查询。 我阅读了此博客文章如何”做“媒体查询与LESS,但它指出这一事实,这导致所有的媒体查询分离和分散在整个结果CSS。这不是真的打扰我(我可以关心更少的结果和更多的工作)。什么让我困扰我是一个评论,谈到在从iOS设备查看问题,评论者发现,一旦媒体查询合并的问题已解决。 有人找到一个好的解决方案,用于使用
..
SASS有一个名为 @extend 的功能,它允许选择器继承另一个选择器的属性,但不复制属性(如mixins)。 是否还有此功能? 解决方案 Less.js在 extend ://github.com/cloudhead/less.js/blob/master/CHANGELOG.md“> v1.4.0 。 :extend() 而不是实现at- > @exten
..
Less使用& 运算符来增强嵌套的可能性。 .header {color:black; .navigation {font-size:12px; & .class {text-decoration:none} } } $ b b 这会导致用父选择器替换& ,并导致实际选择器到父选择器的并置: .header .navigation.class 而不是普通的追加,这会
..