我想为一个元素创建一个文本阴影,并且我希望该元素的所有子元素都继承该阴影。问题是继承的文本阴影的相对单位(即:em、ex、ch)与font-size
创建它的元素(即:父元素)的计算值相关。
另外,我明白
parent, parent * {
text-shadow: 1em 2em 3em currentColor;
}
可以正常工作,但我宁愿避免*
选择器。我不想选择每一个子元素,但更重要的是,我不想弄乱特定性。
(这怎么可能?
我想为一个元素创建一个文本阴影,并且我希望该元素的所有子元素都继承该阴影。问题是继承的文本阴影的相对单位(即:em、ex、ch)与font-size
创建它的元素(即:父元素)的计算值相关。
另外,我明白
parent, parent * {
text-shadow: 1em 2em 3em currentColor;
}
可以正常工作,但我宁愿避免*
选择器。我不想选择每一个子元素,但更重要的是,我不想弄乱特定性。
(这怎么可能?
(由于评论限制为 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;
}
希望它有所帮助:) 还有其他限制吗?