假设我想归因于text-shadow:green;属性为每个< h2>元素在类中包含.dark和ux-banner的CSS代码会实现这个吗?
<div class="dark ux-banner"> <div class="the attributed classes of this element will vary"> <h2>TARGET THIS ELEMENT </h2> </div> </div>
如在以上示例中< h2>元素将被包装在< div>中归因于它的不同类别.
什么是应用文本阴影的最佳方式:绿色;属性为< h2>元素在具有.dark和ux-banner类的元素中进行遮挡而不引用< div>紧接着围绕< h2>元件
解决方法
我相信你在寻找:
.dark.ux-banner h2 { text-shadow: green; }
这意味着:“在所有h2元素上设置text-shadow:green,这些元素是元素的后代,其中包含类dark和ux-banner.
或者,如果你想要有点具体:
.dark.ux-banner div h2 { text-shadow: green; }
(仅适用于.dark.ux-banner元素中div元素中的h2元素.)
或超特异性:
.dark.ux-banner > div > h2 { text-shadow: green; }
(仅适用于作为.dark.ux-banner元素的直接子元素的div元素的直接子元素的h2元素.)
上面的关键是.dark.ux-banner(没有空格)意味着“包含这两个类的元素”.其余的只是后代或儿童组合者.