less 相关问题

Less是一个开源样式表预处理器,它使用动态行为(如变量,混合,操作和函数)扩展CSS。对于UNIX命令,请使用[less-unix]。

@在有限范围内导入较少的文件

我想从另一个 less 文件导入所有样式,但范围有限。我正在尝试这个: “我的网站.less” .wrapper-class { @import“路径/到/styles.less”; } 但这根本不起作用。 ...

回答 4 投票 0

如何在 Linux 中对 docker log 命令进行分页? [重复]

我无法使用 less 对 docker log 命令进行分页。 码头工人日志 | less 直接跳到最后。我必须 &> 到临时文件并在那里分页。 这是为什么?怎么样

回答 1 投票 0

如何将.less样式应用到JSX

我正在处理一个使用名为 less 和 less-loader 的 npm 包的项目。我已经阅读了文档,但我仍然不明白它是如何工作的。 看一下样本...

回答 1 投票 0

如何在情感中使用 Antd 主题变量

我在 Next.js 网站中使用 Antd 和情感。我希望能够访问组件内的 Antd 主题变量(用 Less 编写)。像这样的东西: 常量

回答 2 投票 0

如何为第n个子元素的组合添加样式?

这与日历样式有关。当我们在日历中选择日期范围时,必须以深绿色突出显示第一个和最后一个日期,而中间的日期应以浅绿色突出显示。但它...

回答 1 投票 0

请解释一下:SassScript 父选择器属性

我在 sassscript 中看到了这段代码,但这对我来说没有意义,而且我无法找到任何有关提及 sasscript css 输出的官方文档 Sass脚本 .主要一边:悬停, .侧边栏...

回答 1 投票 0

<head>部分包含较少的CSS文件

需要在部分包含哪些文件才能减少CSS。在 less 官方网站上,我刚刚看到他们告诉要包含 .less 和 .js 文件。但如果没有 .cs,它就无法工作...

回答 4 投票 0

Less 没有向我显示它的错误

当使用客户端编译 less 时,如果出现错误,Less 不会向我显示这些错误是什么。它应该插入一些 HTML,但它似乎没有这样做。 HTML 上...

回答 2 投票 0

仅在选项卡上显示元素轮廓,但不在单击时显示元素轮廓

如果我访问developer.mozilla.org并通过下拉列表进行选项卡,我会得到带有轮廓的元素,这对于可访问性来说是完全可以的: 但如果我点击它,我就看不到大纲: 我试过了

回答 3 投票 0

CSS中伪元素前的“&”是什么意思?

在以下取自 Twitter Bootstrap 的 CSS 中,与号 (&) 字符的含义是什么? .clearfix { *缩放:1; &:前, &:后 { 显示:表; 内容: ””; } ...

回答 5 投票 0

将鼠标悬停在具有效果的元素上

我在图像列表上创建了一个效果,以便当鼠标经过时它会放大,但是当我转到此列表时,整个列表都会执行效果,而不是所选图像。 当前代码执行...

回答 1 投票 0

打印时阻止布尔玛丝带覆盖内容

我正在编写一份研究报告。当我想将报告另存为 pdf 时,导航功能区会覆盖内容。我怎样才能避免这种情况? 我不想用印刷来隐藏丝带,...

回答 1 投票 0

垂直按钮与弹性框的间距

我希望按钮位于固定位置,但与弹性盒垂直放置。 我设法完成了部分工作,但不可能使每个按钮之间的间距相同。 此致 ...

回答 1 投票 0

webpack少打包结果缓存偶尔失败

当我将webpack4.x升级到5.88.1时,我使用webpack的缓存功能来提高构建速度。 但在某些无法稳定复现的情况下,较少编译的代码会出现错误

回答 1 投票 0

显示情况下最后一个元素的 CSS 选择器:none 不起作用

需要在以下元素中应用样式: 你好,世界!11212 当我将 display:none 放在第一个元素上时它正在工作,但它......

回答 1 投票 0

最后一个元素的 CSS 选择器在样式无的情况下不起作用在线 CSS </desc> <question vote="0"> <p>需要在以下元素中应用样式:</p> <pre><code> <div id="box" class="abc">Hello, World!11212</div> </code></pre> <p>来源:</p> <pre><code><!DOCTYPE html> <html> <title>Online CSS Editor</title> <head> <style> div{ width:200px; height:125px; padding:10px; background-color:red; border:1px solid black; } #box{ transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } .abc:not([style="display:none"]):last-child{ font-size:100px; } </style> </head> <body> <div> <div id="box" class="abc">Hello, World!</div> <div id="box" class="abc">Hello, World!11212</div> <div class="abc" style="display:none">Real Time CSS Editor</div> </div> </body> </html> </code></pre> <p>在第一个元素上显示:无时它可以工作,但在最后一个元素上它不工作</p> </question> <answer tick="false" vote="0"> <p><pre><code>:last-child</code></pre> 表示<em>其包含元素中的最后一个子元素</em>。它确实<strong>not</strong>意味着<em>在与选择器的其余部分匹配的元素组中的最后一个</em>。</p> <p><pre><code>.abc:not([style="display:none"]):last-child</code></pre> 不匹配:</p> <ul> <li><pre><code><div id="box" class="abc">Hello, World!</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div id="box" class="abc">Hello, World!11212</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div class="abc" style="display:none">Real Time CSS Editor</div></code></pre>因为它有<pre><code>style="display:none"</code></pre></li> </ul> <p>有 <strong>no</strong> 选择器,这意味着 <em> 元素组中的最后一个与选择器的其余部分匹配</em>。</p> </answer> </body></html>

需要在以下元素中应用样式: 你好,世界!11212 来源: 在线 CSS </desc> <question vote="0"> <p>需要在以下元素中应用样式:</p> <pre><code> <div id="box" class="abc">Hello, World!11212</div> </code></pre> <p>来源:</p> <pre><code><!DOCTYPE html> <html> <title>Online CSS Editor</title> <head> <style> div{ width:200px; height:125px; padding:10px; background-color:red; border:1px solid black; } #box{ transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } .abc:not([style="display:none"]):last-child{ font-size:100px; } </style> </head> <body> <div> <div id="box" class="abc">Hello, World!</div> <div id="box" class="abc">Hello, World!11212</div> <div class="abc" style="display:none">Real Time CSS Editor</div> </div> </body> </html> </code></pre> <p>在第一个元素上显示:无时它可以工作,但在最后一个元素上它不工作</p> </question> <answer tick="false" vote="0"> <p><pre><code>:last-child</code></pre> 表示<em>其包含元素中的最后一个子元素</em>。它确实<strong>not</strong>意味着<em>在与选择器的其余部分匹配的元素组中的最后一个</em>。</p> <p><pre><code>.abc:not([style="display:none"]):last-child</code></pre> 不匹配:</p> <ul> <li><pre><code><div id="box" class="abc">Hello, World!</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div id="box" class="abc">Hello, World!11212</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div class="abc" style="display:none">Real Time CSS Editor</div></code></pre>因为它有<pre><code>style="display:none"</code></pre></li> </ul> <p>有 <strong>no</strong> 选择器,这意味着 <em> 元素组中的最后一个与选择器的其余部分匹配</em>。</p> </answer> </body></html>

回答 0 投票 0

覆盖Bootstrap的@breadcrumb-separator

我认为可以暂时替换@breadcrumb-separator,但不幸的是它不起作用: #详细导航{ @breadcrumb-separator:“|”; .list-inline.相关 { .

回答 3 投票 0

Node.js 不加载 CSS 和图像[重复]

情况 我绝对是 Node.js 的初学者,我主要只是尝试在我的网站中实现一个 npm 包,但我正在努力运行我现有的 HTML 和 CSS(不太具体)。 我不是...

回答 1 投票 0

更少导入 CSS 和相对路径

我正在使用 LESS 来组织和导入我的所有 CSS 文件。我还使用 Twitter Bootstrap,将其集成到 style.less 中。它工作得很好,如下所示,但是当我使用 lessc 来缩小 l...

回答 5 投票 0

自定义Disqus

我刚刚将 Disqus 集成到我正在开发的 Wordpress 主题中。除了 CSS 之外,一切都工作正常。 如何将我自己的 css 样式应用到 Disqus ? 在我的 .less 文件中,我写了这样的内容: #disqus_t...

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.