假设我想归因于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(没有空格)意味着“包含这两个类的元素”.其余的只是后代或儿童组合者.