less相关内容

父选择器嵌套在里面&:hover

我使用Less父选择器缩短我的选择器: .module-name { // styles go here & __ sub-module-1 { // styles go here } } 现在我的问题是如何继续使用父选择器在嵌套:hover语句中添加module-name。例如。在子模块-1的悬停我想改变子模块-2中的东西。在&:hover语句中,父选择器引用 ..
发布时间:2017-01-18 23:00:38 前端开发

使用LESS构建选择器列表

一般问题 我有媒体查询,可以更改某些文字元素,例如: 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 ..
发布时间:2017-01-18 23:00:27 前端开发

如何覆盖基于父变量的LESS mixin变量

我是新手,所以要温柔。我相信我的术语也不正确: 假设我有自己的jumbotron覆盖: .jumbotron { background-color:#ff4400; } 然后我想有一个自定义重写,我继承上述类,并且仅使用其颜色作为“lighten()”的参数覆盖其背景颜色。我无法弄清楚语法: .Myjumbotron { .jumbotron; ..
发布时间:2017-01-18 22:53:24 前端开发

使用命名空间编译Bootstrap 3中的问题

任何想法为什么当我编译Bootstrap 3使用Crunch / WinLESS时,某些风格破裂。我使用这个代码命名空间引导。 .namespace-bs { @import“less / bootstrap。减”; } 对于大多数样式,它的效果很好,但有一些, : .btn-primary .namespace-bs .caret,.btn- succes ..
发布时间:2017-01-18 18:24:29 前端开发

使用类似JQuery的选择器语法以编程方式编辑Less(css)代码?

可以使用less.js中的库来从浏览器中的较少文件中动态重新生成CSS。如果有一个简单的方法来修改较少的代码,这将是一个非常强大的方法动态更新网站的CSS。 想象一下,你有一个颜色,使用了100次整个大型网站。如果你想使用javascript动态更改颜色,你需要更新每一个CSS的颜色(也许50行代码)。 我想象你需要写的是这样的: $('@ mainColour')。value ..
发布时间:2017-01-18 18:24:16 前端开发

使用LESS CSS定义变量变量

说我有三种不同的颜色方案,在网站的各种网页上使用。每种颜色都有一个浅色,中等和黑色的色调定义,颜色方案由一个类在体内定义。假设“红色”颜色方案是默认值。像这样: 颜色定义: @ red-lt:#121; @ red-md:#232; @ red-dk:#343; @ green-lt:#454; @ green-md:#565; @ green-dk:#676; ..
发布时间:2017-01-18 18:05:11 前端开发

LESS CSS嵌套类

我使用LESS来改进我的CSS,并试图在类中嵌套一个类。有一个相当复杂的层次结构,但由于某种原因,我的嵌套不工作。 我有这个: .g { float:left; color:#323a13; .border(1px,#afc945); .gradient(#afc945,#c8da64); .common; span { .my-span; .border-b ..
发布时间:2017-01-18 17:33:19 前端开发

如何使用js设置少

我有一个html像这样所有我已经包括所有的文件到我的文件夹。 我试图添加一些'少'css属性到我的main.css文件,但它没有反映在我的浏览器我已经添加了这样。 p {color:red;} 任何帮助将非常感激。 ..
发布时间:2017-01-18 17:14:13 前端开发

一个更聪明的方式来整合引导(或甚至从另一个较少,CSS文件)类到我的较少的文件?(继承)

我正在寻找一种更聪明的方式将bootstrap类集成到我的less文件中。 我现在做的是,但是这有一个缺点, “子类”或连接类将继承为我自己的控制: .BWForm_form-control { 。形式控制; } 我解决了这个问题(连接类)我从bootstrap和adjust它对我的控制: / *#region“.BWForm_form-control” ..
发布时间:2017-01-18 17:10:29 前端开发

编译和维护ie特定的样式表

在单独的CSS文件中维护IE解决方法的常见做法是什么?我在谈论更深层的问题,这是不切实际的通过其他手段(如包括一个替代图像网址使用base64编码的嵌入式资源; boxsizing.htc解决方法等等)注意:在考虑dataURI和vanilla spriting时,我保守,所以只有一些 有时我必须使用类似的代码 .some-class-lets-say-datepicker { ..
发布时间:2017-01-18 17:04:42 前端开发

在LESS CSS中生成随机数?

尝试搜索,但是给定的语法很难。有没有办法在LESS中生成一个随机数?我检查了文档,没有看到任何东西,但想知道是否有人知道一个伎俩或未解决的解决方案。 解决方案 文档: JavaScript评估 可以将JavaScript表达式计算为.less文件内的值。我们建议谨慎使用此功能,因为LESS不能由端口编译,这使得LESS难以维护。如果可能,尝试想一个可以添加以实现相同的目的,并要求在 ..
发布时间:2017-01-18 16:59:03 前端开发

LESS CSS设置变量在媒体查询?

我在一个iPad专用网站上工作。为了使我的网站工作在视网膜显示iPad和旧版本的iPad,我想在LESS CSS中设置一个变量在媒体查询如: @media all and(max-width:768px){ @ratio:1; } @media all和(min-width:769px){ @ratio:2; } 因此,当您以像素为单位设置任何内容时,您可 ..
发布时间:2017-01-18 16:54:35 前端开发

在Less中连接字符串

我认为这是不可能的,但我想我会问,如果有一种方法。这个想法是,我有一个变量的路径到web资源文件夹: @root:“../img/”; @file:“test.css”; @url:@ root @ file; .px { background-image:url(@url); } 我得到这个结果: .px {background-image ..
发布时间:2017-01-18 15:51:26 前端开发

Less和Bootstrap:如何使用span3(或spanX [任何数字])类作为mixin?

是否可以在mixin中添加 span3 类,以避免将其放在HTML的每个元素中? 类似的东西: .myclass { .span3; //其他规则... } 我很抱歉我忘记指定一个重要的细节: span3 是Bootstrap的标准类。 我没有在Bootstrap框架的任何文件中找到它的定义。 解决方案 新答案(需要LESS 1.4.0) ..
发布时间:2017-01-18 15:29:23 前端开发

媒体查询分组,而不是匹配的多个分散的媒体查询

我正在尝试LESS(不是SASS语法的粉丝),并一直在试图找出最好的方式来做媒体查询。 我阅读了此博客文章如何”做“媒体查询与LESS,但它指出这一事实,这导致所有的媒体查询分离和分散在整个结果CSS。这不是真的打扰我(我可以关心更少的结果和更多的工作)。什么让我困扰我是一个评论,谈到在从iOS设备查看问题,评论者发现,一旦媒体查询合并的问题已解决。 有人找到一个好的解决方案,用于使用 ..
发布时间:2017-01-18 15:03:04 前端开发

LESS具有“延伸”特征?

SASS有一个名为 @extend 的功能,它允许选择器继承另一个选择器的属性,但不复制属性(如mixins)。 是否还有此功能? 解决方案 Less.js在 extend ://github.com/cloudhead/less.js/blob/master/CHANGELOG.md“> v1.4.0 。 :extend() 而不是实现at- > @exten ..
发布时间:2017-01-18 14:43:37 前端开发

LESS CSS:滥用&操作员在嵌套时?

Less使用& 运算符来增强嵌套的可能性。 .header {color:black; .navigation {font-size:12px; & .class {text-decoration:none} } } $ b b 这会导致用父选择器替换& ,并导致实际选择器到父选择器的并置: .header .navigation.class 而不是普通的追加,这会 ..
发布时间:2017-01-18 14:14:26 前端开发