使用相对于子元素的单位继承text-shadow而不选择所有子元素

时间:2013-08-09 01:55:49

标签: css

我想为元素创建一个文本阴影,我希望该元素的所有子元素继承该阴影。问题是,继承的文本阴影的相对单位(即:em,ex,ch)是相对于它所创建的元素的计算font-size(即:父元素)。

另外,我明白了

parent, parent * {
    text-shadow: 1em 2em 3em currentColor;
}

可以正常工作,但我更愿意避开*选择器。我不想选择每一个子元素,但更重要的是,我不想混淆特异性。

(怎么样)这可能吗?

1 个答案:

答案 0 :(得分:0)

(由于限制50个poitns征求意见,我无法发表评论,因此回答标签中的问题以及我将根据答案更新的可能解决方案:P)

所以@ uber5001, 问题1:为清楚起见,您是否选择了所有子元素?你说的第一行,你想要选择所有的子元素。在你提问的最后,你说,你不想选择你父元素的所有孩子。对不起,我无法理解你的意思。

在您在评论中提供的jsfiddle中,将text-shadow: 5em 0em 0em #999;添加到#parent p:first-child会产生预期的效果。 http://jsfiddle.net/ssaCw/1/

我相信你正在努力实现同样的目标? 请让我详细说明,以便我更新答案。

修改 由于您希望规则适用于每个子元素,因此我能够想到: http://jsfiddle.net/ssaCw/2/

使用#parent p:nth-child(n) { text-shadow: 5em 0em 0em #999; }

希望它有所帮助:)还有其他东西作为约束吗?