Css 是否可以将父元素的属性值扩展到子元素的其他属性?

Css 是否可以将父元素的属性值扩展到子元素的其他属性?,css,sass,Css,Sass,这是我的具体情况。我需要在元素上创建一个“掩码”。我在元素上有一个边框,它里面有一个动画前的伪元素,还有一个相同但不透明度为0的后伪元素,还有一个边框,它是“遮罩”,整齐地位于元素的边框内(效果是在它到达边框之前将动画位完全切断) 这很好(笨拙,但很好),但问题是后边框的颜色需要与元素后面的背景相匹配,但这可能会根据不同的上下文而有所不同。有没有办法把背景的颜色变成后边框的颜色 我现在的解决方案是用已知的背景颜色变化复制该类,但这看起来既丑陋又低效 我使用的是Sass,希望避免使用javascr

这是我的具体情况。我需要在元素上创建一个“掩码”。我在元素上有一个边框,它里面有一个动画前的伪元素,还有一个相同但不透明度为0的后伪元素,还有一个边框,它是“遮罩”,整齐地位于元素的边框内(效果是在它到达边框之前将动画位完全切断)

这很好(笨拙,但很好),但问题是后边框的颜色需要与元素后面的背景相匹配,但这可能会根据不同的上下文而有所不同。有没有办法把背景的颜色变成后边框的颜色

我现在的解决方案是用已知的背景颜色变化复制该类,但这看起来既丑陋又低效


我使用的是Sass,希望避免使用javascript,但我对任何解决方案都持开放态度。

你能展示你的代码吗?更容易理解您对代码的需求,我将不得不在一个更简单的示例中重新创建它,当我有一点时间的时候。我的代码太复杂,可能会混淆问题。类似这样的东西,但在SASS中?:你能显示你的代码吗?更容易理解您对代码的需求,我将不得不在一个更简单的示例中重新创建它,当我有一点时间的时候。我的代码太复杂,可能会混淆问题。类似这样的代码,但在SASS中?: