在修改某些CSS属性时，是否有方法从父级继承CSS属性？

例如，具有多个输入的CSS属性：

这样的事情可能吗

.button:active {
  background-color: rgba(inherit, inherit, inherit, 0.5);
}

---

使用脚本化css（如LESS）是否是实现这一点的唯一方法？

您可以通过稍微不同的方式来解决问题，从而获得对示例的答案。通过将背景颜色放置在z指数为-1的伪元素上，使其位于内容后面（z指数为1），然后仅更改不透明度。。。你已经实现了你想要的，没有任何减少

看这把小提琴：

---

当然，如果你想独立地改变每一种颜色，那么你需要使用另一种方法。

经过思考，这里有一种解决方法，除了你优雅地称之为

香草CSS

之外，无需其他任何东西即可实现你想要的效果。将

不透明度

（连同

背景色

）传递给伪元素，

绝对

ly

位置

ed:

@导入url（'https://fonts.googleapis.com/css?family=Shadows+进入"光",；
钮扣{
字体系列：“阴影变光”，草书；
位置：相对位置；
字号：2rem；
颜色：白色；
保证金：1rem；
最小宽度：15雷姆；
背景色：透明；
-webkit外观：无；
-moz外观：无；
边界：无；
光标：指针；
}
按钮>跨度{
位置：相对位置；
z指数：1；
}
按钮：：之前{
内容：''；
显示：块；
位置：绝对位置；
顶部：0；左侧：0；
宽度：100%；
身高：100%；
不透明度：1；
过渡：不透明度.3s立方贝塞尔（.4,0,2,1）；
z指数：0；
背景色：#bada55；
边界半径：.4rem；
}
按钮[橙色]：之前{
背景色：#f50；
}
按钮：悬停：：之前{
不透明度：.65；/*
。按钮：活动{不透明度：0.5；}
不做你想做的事？这是完全无效的。不是因为你不能继承父属性，而是因为
html
元素上没有
rgba
这样的属性。你目前对
CSS
工作原理的理解似乎是扭曲的。不，不透明度：0.5将修改边框和图像contained@AndreiGheorghiu面向对象ps，忘记添加背景色在CSS中是不可能的。但是，在
less
或
sass
中完全可能。请看我几个小时前提供的一个类似问题。您正在
sass
中寻找函数。我不知道足够多的
less
来告诉您如何在那里做，但谷歌可以提供帮助，我肯定。：）如果您继续如果你想要
CSS
，你可以在
jsfiddle
或
codepen
中使用
sass
，然后从page source.gmta获得呈现的
CSS
。在用“not doable”标签将其删除后不久，我也想到了同样的想法。props！（欢迎这样做）.当然！我最近也做过类似的事情，所以它已经出现在我的脑海里了。多年来我一直是一个潜伏者，是时候回馈了：）非常有趣！！谢谢！是时候放弃我的JS选项了：）@penu浪费了很多时间来构建它，因为我在理解一个
z-index
问题时遇到了一些困难，直到现在我还不知道这个问题的存在，并且仍然无法解决。我正在写一个关于它的问题，如果你好奇的话，我会把它链接到这里，尽管这不是直接相关的。当我找到一个好问题时，总是很乐意帮忙是的，请做，我很感兴趣myself@penu .
.button {
  padding:1em;
  position:relative;
  float:left;
  color:#000;
  z-index:1;
}
.button::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: grey;
  z-index:-1;
}
.button:active::after {
  opacity:0.5;
}