当我添加一个css类,然后在它上面添加另一个css类时,代码中的结果css规则是一个复合规则。大多数情况下这是可以的,但有时我需要将这两条规则分开。请对css分层进行扩展,为我们提供创建单个类或复合规则的细粒度选项,甚至可能是一些复杂的部分,如父/兄弟选择器,或“:”后缀规则。
主要来说,如果我有两个元素,其中一个有类A->B->D,而另一个有类A->C->D,我不想像现在这样定义D两次。
嗨,大家好,这里有个最新消息。虽然我们不打算专门为这些类型的CSS目标规则构建支持,但我们确实计划为符号构建更多的功能,使您能够创建更多可重用的、可管理的基于组件的设计系统。将分享更多的更新,我们有他们!
加上我的一票。符号与此无关——我希望能够针对给定类中特定类型的所有元素。这样的事实这个功能在Webflow中已经存在了(Michael David在下文中提到)但是只有当你破解它时才能使用简直是匪夷所思。
重新发布迈克尔分享的链接,以提高能见度:
https://forum.www.raktarban.com/t/how-to-define-css-descendant-selectors-in-webflow/135561
请给我们的能力,更容易地管理和工作与我们的css。这与符号无关,所以管理响应是不适用的。我们需要能够将组合类转换为新的单一类的能力,以及使用更多全局类的能力。我喜欢组合职业的想法,但它太狂野了,需要被驯服。
在CSS中,模式匹配规则确定哪些样式规则适用于…CSS为“class”属性提供了如此强大的功能,以至于作者可以
列选择符;:下降()伪-类...querySelectorAll()函数定义在[DOM]或的选择器CSS样式规则。
管理响应是什么?
有人要求用符号表达更多的力量吗?我从不使用符号,它们在小项目上没有用处。但是我在每个项目中都使用CSS的基本原理。
Webflow,请给我们这个!我还在适应Webflow,有一些SCSS知识,组合类没有任何意义。有时我搜索几分钟只是为了弄清楚继承,同时如果我有一个全局类,它将很容易编辑。符号在这方面没有帮助,因为仍然有太多的类。改进是绝对需要的!
我对这种回应感到失望。让你在组合类和设备规则之间切换的继承下拉菜单就像…这里95%的功能…
为什么不让我们在这个下拉列表中选择特定的类呢?
在我的截图中,我有一个列类和一个组合类的列与填充。如果我可以在这个下拉菜单中选择Padding类,我就会有一个实用工具类,我可以在任何地方使用,甚至不需要考虑它。那会大大加快我们的速度。
在富文本元素中已经有能力创建后代选择器,所以UI和功能是存在的。这个功能应该被扩展,以便它可以应用到任何地方——这样任何类都可以被应用,前提是它被嵌套在选定的父元素中。
你甚至可以破解RTE嵌套选择器功能,在其他地方做到这一点,如下所述:https://forum.www.raktarban.com/t/how-to-define-css-descendant-selectors-in-webflow/135561
因此,实现每个css设计人员都迫切需要的这个非常必要的特性,在这一点上不应该是一件难事。
在回应2021年1月19日的行政回应时:这没用。符号和实用程序类是根本不同的东西。展开符号所做的任何工作都无法覆盖这个缺口。我从来没有见过哪家公司像Webflow那样忽视用户反馈,导致用户如此沮丧。无论是数千名用户投票选出的关键功能请求,还是数年前报告的无数错误。你现在还活着,因为世界上没有比你更好的东西了,但这种状态不会永远保持下去。这是一种不可持续的哲学。
我不知道为什么Webflow忽略了这个特性请求。子选择器是CSS样式化的重要组成部分。我需要风格的段落和标题在多个部分。在Webflow中,对大量文本进行样式化是一个痛苦且耗时的过程。
符号和Combo类根本没有解决这个问题。它将增加CSS文件。我们仍然需要创建新的类并逐一应用它们。
希望子选择器在某些时候会被支持。目前的状况非常令人失望。
@Admin响应
符号完全是另一个用例,我们至少需要“伪类”样式化的原因是帮助页面如何样式化。对于我们这些为客户建立网站的机构来说尤其重要。看起来你们的产品团队与实际付费用户的需欧宝体育在线首页求脱节太深了。
我有一个清单。我给UL元素一个类。我想用这种关系样式每个LI子元素-我不需要创建另一个类并将其分配给每个子元素(或期望我的客户端总是记得分配类)。
这对于编写干净、可重用的代码至关重要。它现在的设置方式是非常难以跟踪的。
我真的很怀念对“of的孩子”样式的支持。任何进展?
感谢其他提供信息的博客。我还能从哪里得到以如此理想的方式编写的这类信息呢?
我有一个项目,我只是现在在做它。
Verma Jullie|Reeta Malik网站
我简直不敢相信这个功能还没有实现!从2014年就开始要求了!这是非常重要和基本的CSS操作。请务必执行它!
+1到复合规则,例如在.div1中定义.block应该与在.div2中定义.block不同(如果需要的话)。
Webflow应该允许你在输入你定义的新类名时输入父类的名称,以表明这是一个链式/子类。
需要注意的是,这并不是你所说的功能。从技术上讲,当应用全局组合类时,会创建新(但是单独的)组合类,它与全局类具有相同的名称,并从全局类继承其所有值。但是,这种关系只能单向流动——如果在组合实例中更改属性,则更改不会传播回全局类或该全局类的任何其他组合实例。
该接口也不允许从组合实例获取全局实例。
因此,它的工作方式是在样式表页面上保留一个元素,它只是作为一个全局(而不是组合)类应用,并始终在那里进行任何更改。正如预期的那样,这些更改将流向所有combo实例。无论如何,这就是你想要组织附加类的方式,所以只要你小心,这不是一个大问题。
另一个小注意事项:更改样式名甚至不会从全局实例传播(不过我将其称为bug)。
所以基本上这就是你要找的…除了有点脆弱。
正如Mohit在下面所描述的,我相信在Webflow中已经可以做到这一点。只是在界面上很难发现。界面目前似乎也有一些bug,使功能更加模糊——希望这种情况会改变。
对于已经应用了类的任何元素,单击选择器框,并开始键入已经存在的另一个类的名称。你会看到两个选项出现:“New Combo Class”用你输入的名字创建了一个新的复合组合类,正如我们已经知道的。但在这下面是“全局组合类”,它列出了与您键入的名称开头匹配的所有其他现有类。如果你选择其中任何一个,它将以加法/原子的方式应用它们,而不是复合的方式。您可以多次执行此操作以应用多个原子类。
这个错误是如果你输入整个全局组合类的列表消失,唯一剩下的选择是创建一个新的复合组合类。您只需输入名称的一部分,然后从列表中选择它。至少目前——希望他们能解决这个问题。
这个特性在组合类的页面中有记载,尽管它们使用不同的术语。他们说他们不建议这样做,在这种情况下,我只是想说小心使用这些reachy类:https://university.www.raktarban.com/article/combo-classes
Vincent还解释了更多关于全局组合类如何工作的内容:https://forum.www.raktarban.com/t/global-classes-used-as-combo-classes/63833/2
虽然Webflow在很多方面都很出色,但这是绝对必须的。我不太明白为什么这还没有实现