CSS条件因子分解

CSS条件因子分解,css,Css,我知道CSS的基本知识,但还没有找到答案 以前,我有: li[data-sizex="1"] .widget.widget-jenkins-view-build-status 在sizex设置为1的li标记下,将特定样式应用于所有此类小部件 但是现在我想把它也应用到sizey设置为1的那些,所以我写道: li[data-sizex="1"] .widget.widget-jenkins-view-build-status, li[data-sizey="1"] .widget.widget-j

我知道CSS的基本知识,但还没有找到答案

以前,我有:

li[data-sizex="1"] .widget.widget-jenkins-view-build-status
在sizex设置为1的li标记下,将特定样式应用于所有此类小部件

但是现在我想把它也应用到sizey设置为1的那些,所以我写道:

li[data-sizex="1"] .widget.widget-jenkins-view-build-status, li[data-sizey="1"] .widget.widget-jenkins-view-build-status
它是有效的,但我的问题是:有没有一种方法可以重新组合/缩短/分解它,以避免小部件的重复,而不添加诸如类之类的新元素?数学中的纯因式分解:A与C或B与C(A或B)与C


谢谢。

你可能想考虑SASS,更少或类似的东西,在其中你可以定义一组规则并扩展它,或者只是把它包含在其他类中。在开发过程中采用预处理格式,是(参见Sass等)。对于最终出现在UA中的纯CSS,我认为简单的答案是否定的。Itay Gal,我在另一个项目中使用较少,我非常喜欢它,但这只是一个一次性的问题,我问得最多是出于好奇。我坚持使用重复的解决方案,目前这没什么大不了的。非常感谢你们两位的回答:)