Question

假设我想将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>中，其中包含不同的类。{/ p>

将text-shadow: green;属性应用于<h2>元素的最佳方式是什么是在.dark和ux-banner类归因于没有引用的元素中进行遮挡时紧邻<div>元素的<h2>

Answer 1

我相信你在寻找：

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

这意味着：“在所有text-shadow: green元素上设置h2，这些元素是两个类dark和ux-banner的元素的后代。

或者，如果你想要具体一点：

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

（仅适用于h2元素中div个元素中的.dark.ux-banner个元素。）

或超特异性：

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

（仅适用于<{1>}元素直接子项 {em>直接子项 h2元素的div个元素。）

上面的关键点实际上是.dark.ux-banner（没有空格）意味着“这些类的的元素。”其余的只是后代或儿童组合者。

Answer 2

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

http://jsfiddle.net/YjGhw/

Answer 3

你需要

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

这样做是选择具有类.dark的元素然后检查它是否具有类.ux-banner然后选择其中的所有h2

Answer 4

以下是演示http://jsfiddle.net/tFScD/2/

      <div class="demo">
        <div class="the attributed classes of this element will vary">
         <h2>TARGET THIS ELEMENT
           </h2>
          </div>
      </div>


  .demo div h2{
         text-shadow:2px 2px green;
     }

Answer 5

这很简单。只需使用以下内容：

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

这意味着，无论h2元素是否位于text-shadow:green内，具有这些类的元素内的每个h2元素都将具有div属性。

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

or

<div class="dark ux-banner">
    <h2>
        TARGET THIS ELEMENT
    </h2>
</div>

will work the same ;)

Answer 6

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

标记

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

演示：http://jsfiddle.net/cQcbp/

enter image description here

将CSS类归因于元素

6 个答案: