将CSS类归因于元素

Question

假设我想将属性text-shadow: green;归因于<h2>具有类的元素内部的每个元素.dark以及ux-bannerCSS代码将实现的内容？

 <div class="dark ux-banner">
      <div class="the attributed classes of this element will vary">
           <h2>TARGET THIS ELEMENT
           </h2>
      </div>
 </div>

如上例所示,<h2>元素将被包含在<div>具有归因于它的不同类中.

在具有和属性text-shadow: green;的<h2>元素中进行遮挡而不引用元素的直接周围时,将属性应用于元素的最佳方法是什么.darkux-banner<div><h2>

Answer 1

I believe you're looking for:

.dark.ux-banner h2 {
    text-shadow: green;
}

That means: "Set text-shadow: green on all h2 elements that are descendants of an element with both the classes dark and ux-banner.

Alternately, if you want to be somewhat specific:

.dark.ux-banner div h2 {
    text-shadow: green;
}

(仅适用于h2元素内div元素内的.dark.ux-banner元素.)

或超特异性:

.dark.ux-banner > div > h2 {
    text-shadow: green;
}

(仅适用于h2那些元素直接孩子的div那些元素直接孩子的.dark.ux-banner元素.)

上面的关键点实际上.dark.ux-banner(没有空格)意味着"具有这两个类的元素".其余的只是后代或儿童组合者.