Css 嵌套文本阴影时,如何继承阴影的颜色?
我已经应用了这种阴影效果的文本Css 嵌套文本阴影时,如何继承阴影的颜色?,css,box-shadow,Css,Box Shadow,我已经应用了这种阴影效果的文本 span.inner\u文本{ 文本阴影:5px 5px 5px红色; } 这是一个简单的文本试试这个 CSS span.inner_text { text-shadow: 12px 12px 5px inherit; } 使用CSSinherit属性值来继承父颜色的属性。对于Q1,在p中添加一些文本,您将更好地理解 p{ 文本阴影:15px 15px 15px蓝色;/*蓝色阴影消失*/ } span.inner\u文本{ 文本阴影:12px 12px
span.inner\u文本{
文本阴影:5px 5px 5px红色;
}
这是一个简单的文本
试试这个
CSS
span.inner_text {
text-shadow: 12px 12px 5px inherit;
}
使用CSS
inherit
属性值来继承父颜色的属性。对于Q1,在p
中添加一些文本,您将更好地理解
p{
文本阴影:15px 15px 15px蓝色;/*蓝色阴影消失*/
}
span.inner\u文本{
文本阴影:12px 12px 5px红色;
}
这是一个简单的文本,这里有一些文本
您使用的值无效。。。它不像你想的那样工作,父阴影现在是应用的阴影,因为子阴影是无效的。你已经更正的Q2代码在这种情况下肯定有效!事实上,我有。有必要为每个阴影添加一个新的阴影。通过在div
元素中包含p
元素并使用filter
属性将代码输入。我试图嵌套Q1的文本阴影
属性,但这与Q2不一样。我认为这是因为文本阴影
属性具有类似颜色
属性的属性。这很有帮助。非常感谢。