如何使用LESS在嵌套类之间共享样式规则？

文章/答案/技术大牛

发布

1回答

css、less

我有三个CSS类，它们共享许多属性: cell-empty、cell-record-left和cell-record-right。LESS来简化我的类，使用嵌套。DFE5ED; border-left: 1px solid #DFE5ED; }然而，这并不起作用，因为我假设嵌套将继承规则所以我又试了一次，这次使用了混入，如下所示： .

浏览 1提问于2017-02-14得票数 0

回答已采纳

1回答

通过嵌套类将CSS样式表的作用域限定为只有一个DIV

javascript、css、nested、less

这需要内容(网站)的整个CSS样式表应用到管理界面中的.preview DIV.website.css文件并不总是相同的，因为它取决于正在预览的网站。我尝试使用LESS.JS和嵌套规则，但它不适用于内联样式。我在windows平台上。<style> <- Dynamically loading Website.css file content here -></style> 问题是LE

浏览 0提问于2012-03-28得票数 0

1回答

LESS.css嵌套规则--这是否有效较少？

css、less

我想用更少的字体规则来管理我的字体规则，因此我创建了以下规则，它是基于正式的LESS指南中的嵌套规则部分创建的。但是，它们只为包含额外类的嵌套规则提供了示例，因此我想知道以这种方式编写它是否有效，如果不是，有什么方法可以使代码简洁并利用嵌套规则？我希望能够使用嵌套规则特性为h1和h3类指定参数。font-setup (&quo

浏览 5提问于2012-07-24得票数 0

回答已采纳

1回答

less-loader忽略空规则集

reactjs、typescript、less、less-loader

我正在使用less-loader将less加载到css中。然后，我在TypeScript中使用css模块加载器的类型来获取类名常量。当我向规则集中添加任何<e

浏览 4提问于2019-01-06得票数 0

1回答

LESS @import & Web Essentials 2012

less、web-essentials

在我的web项目中，出于维护的原因，我将CSS分成了几个单独的文件。我有一个名为config.less的文件作为主文件，它使用@import指令导入其他较少的文件。这个设置的问题似乎是，在编辑我的LESS文件时，我得到了很多“未声明的变量”和“未声明的混合”，例如，在base.less中添加了一个名为@textColor的属性变量，该变量在另一个名为variables.less当我使用LESS的嵌套

浏览 0提问于2013-02-19得票数 5

2回答

使用less覆盖引导时的特异性

html、css、twitter-bootstrap、less

我正在使用less自定义引导。我想给.navbar添加一个阴影。//Import of bootstrap core navbar - second as to save specificity }通过这种方式，我不会修改bootstraps原始源，并且很容易更新bootstrap，但是新的navbar类比所有的bootstrap类都具有更高的特异性

浏览 2提问于2014-05-05得票数 0

1回答

如何减少嵌套规则以定义类行为

css、less

我用较少的文字写了以下规则。{ color: red; }受影响的文本正确应用粗体规则，但不应用颜色规则。我在Visual中看到，它被编译成以下CSS： color: #00ff00;span .expensive {}元素和类之间的空间类似于将颜色应用到元素，使用便宜的或昂贵的类，它们是span<code>E 212</code&g

浏览 1提问于2013-03-04得票数 0

回答已采纳

2回答

具有交替颜色的引导组件

twitter-bootstrap、less

例如，两个导航选项卡，一个在深色主题中，另一个在浅色主题中。<div class="dark"><ul class="nav nav-tabs"> ...</ul> 我宁愿包括两个Bootstrap CSS文件，一个是深色的variables.less，另一个是浅色的，但是在某种名称空间中有样式前缀。在黑暗区域周围进行一次测试将会更容易。

浏览 0提问于2013-11-14得票数 0

6回答

覆盖CSS的正确方法

css、twitter-bootstrap

我目前正在使用Bootstrap，对于我的网站，我想覆盖它附带的某些默认设置。许多Bootstrap规则嵌套得很深，因此通常优先于我可能定义的任何规则。在我的覆盖css文件中，我有没有比拍打更好的选择在每条规则上，还是现在每个人都是这样处理的？

浏览 1提问于2013-02-22得票数 5

2回答

阴影Dom和CSS3 :目标选择器

polymer、web-component

但是当我们开始使用带有卷影dom的we组件时，我们很容易发现自己使用了多个具有相同ID的元素，尤其是当我们在同一个页面中多次使用同一个组件时。所以我的问题是:阴影dom区域中的一个元素，如果它的ID值与当前的哈希值匹配，并且使用:target规则设置样式，那么应该如何处理？因为阴影dom与页面的其他样式是隔离的，所以浏览器不应该尝试导航到这样一个嵌套在shadow dom中的元素。如果是这样的话，它将为在所有组件<e

浏览 0提问于2017-02-28得票数 1

3回答

你能有一个样式，然后把所有的CSS代码放进去吗？

html、css

我是新的HTML和我只是做一些CSS的任务，使我的网站看起来时尚，我已经为每个css代码不同的样式。例如，具有ID的段落具有自己的样式，而具有另一个不同ID的另一个段落具有其自己的样式。我可以将它们合并到一个样式中吗？我正在努力获得尽可能多的分数，我可以为专业的代码方式。

浏览 0提问于2020-01-11得票数 0

1回答

设置深度嵌套html元素的宽度。

html、css

如果我有非常嵌套的HTML代码，如下所示：<body style="margin: 8px;"> <div> Some content</div> </div> ...and --我想让最里面的div在较小的设备上跨越屏幕的整个宽度，直到最大宽度，但不要忽略身体的边缘，我如何</em

浏览 5提问于2022-07-03得票数 1

1回答

我可以在较少的混入中使用CSS psuedo-CSS数组吗？

css、css-selectors、less、pseudo-class

我开始在应用程序中使用LESS框架的样式。我经常在应用程序中的一些地方需要标准化伪类，以使一个元素都是相同的样式。而不是打字我使用LESS的嵌套样式来附加这些psuedo类，如下所示： { &,

浏览 0提问于2012-10-18得票数 2

回答已采纳

2回答

如何导入较少的文件从特定的路径使用webpack少装载器？

reactjs、styles、less、webpack

我正在组织一个react项目，使用的是webpack，而不是样式。/index.less'; <div className={styles.someclass} >在index.less中，我想导入常见的共享样式。类似于： backgr

浏览 0提问于2016-05-13得票数 15

3回答

CSS类正在从组件中未导入的文件中读取。

css、reactjs

我在CSS文件和导入它们方面有一个奇怪的问题。我有一堆带有我的react组件的.jsx文件，每个文件都有单独的.css文件来进行样式设计。问题是，在某些情况下，当我在一些ex_file.jsx中这样做时import React from 'react'; Some te

浏览 1提问于2021-01-10得票数 0

回答已采纳

3回答

将CSS应用于页面的特定部分

html、css

我需要将预先存在的样式表仅应用于特定div中的元素，这可能吗？长，拉出原因：我们有一个带有css文件的页面片段.我们现在希望将这个页面片段包含在另一个页面中。大量编辑任何一个样式表都是很困难的，因为两者都很大，并且需要保持与以前的兼容性。这就引出了上述问题。

浏览 3提问于2011-10-19得票数 5

回答已采纳

1回答

更少(css) -可能在一个块中添加多个标记和属性？

css、less

使用Less.js预处理器对css进行样式设计--我有类似的内容： text-decoration:<other props>} 是否可以在需要时(在其他类、样式、选择器、标记中)使用Less将上面的整个块包装在类、函数、<

浏览 5提问于2022-01-29得票数 0

4回答

使用更少的css的最好的网格框架是什么？

css、blueprint-css、less、css-frameworks

我想使用网格框架(例如blueprint/960.gs/...)使用，但当你决定这样做时，看起来会有一些问题：#content { .container; } edi

浏览 0提问于2010-10-21得票数 0

回答已采纳

2回答

Javascript:将CSS样式属性推送到数组中

javascript、css、arrays、reactjs

作为一个更大的React-datagrid项目的一部分，我正在将CSS属性定义为一个数组。但是，有很多重复的CSS属性被写出来了，我只想通过一个数组将它们分组 style:commonStyle推流时，直接写入属性即可： width: 200这是可行的，或者拥有一个变量(只有一个属性值)，比如：

浏览 7提问于2017-03-14得票数 0

1回答

萨马林式优先顺序

xamarin、xamarin.forms

我正在Xamarin.Forms中玩样式设计，我有一个关于应用样式的顺序/规则的问题。我正在寻找一些关于这是如何工作的参考，但没有发现除了一般的“如何风格选择你的任何”类型的帖子。我可以在多个地方应用样式：应用程序

浏览 2提问于2017-10-02得票数 3

点击加载更多