ruby-on-rails-3 - css与rails 3 cocoon gem结合

Question

我想调整我用宝石茧制作的rails中链接的位置，在我的源代码中我得到了这个：

    <div class="fields">
    <a href="#" class="add_fields" data-association="answer" data-template="    &lt;div class=&quot;nested-fields&quot;&gt;
            &lt;label for=&quot;question_answers_attributes_new_answers_answer&quot;&gt;Answer&lt;/label&gt;
          &lt;input id=&quot;question_answers_attributes_new_answers_text&quot; name=&quot;question[answers_attributes][new_answers][text]&quot; size=&quot;30&quot; type=&quot;text&quot; /&gt;
            &lt;input id=&quot;question_answers_attributes_new_answers__destroy&quot; name=&quot;question[answers_attributes][new_answers][_destroy]&quot; type=&quot;hidden&quot; /&gt;&lt;a href=&quot;#&quot; class=&quot;remove_fields dynamic&quot;&gt;Remove&lt;/a&gt;
    &lt;/div&gt;

">Add Answer</a>
    </div>

有谁知道如何在 CSS 中调用“添加答案”链接？我试过：div.fields.add_fields a { css: code; }

但这似乎并没有做任何事情......

问候， 泰斯

Answer 1

这是一个简单的 CSS 问题。简单地

a.add_fields {}

选择所有a与 class add_fields。只是

.add_fields {}

通常也足够了。

但如果你想非常严格，你可以写：

.fields a.add_fields {}

其中说：带有 class 的东西并用 class.fields嵌套了一个a元素.add_fields。

你甚至可以说它必须是一个直接的孩子：

.fields > a.add_fields {}

希望这可以帮助。