1

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

另外,我明白

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

可以正常工作,但我宁愿避免*选择器。我不想选择每一个子元素,但更重要的是,我不想弄乱特定性。

(这怎么可能?

4

1 回答 1

0

(由于评论限制为 50 点,我无法发表评论,因此答案选项卡中的问题和我将根据答案更新的可能解决方案:P)

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

在您在评论中提供的 jsfiddle 中,添加text-shadow: 5em 0em 0em #999;to#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; }

希望它有所帮助:) 还有其他限制吗?

于 2013-08-09T10:23:07.013 回答