CSS与rails 3的结合

Question

我想调整链接在rails中的位置，我已经用gem cocoon制作了它，在我的源代码中我得到了这个:

    <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; }

但这似乎没有任何作用…

问候,Thijs

Answer 1

这是一个简单的css问题简单的

a.add_fields {}

选择所有add_fields类的a。

.add_fields {}

通常也足够了。

但是如果你想要更严格，你可以这样写:

.fields a.add_fields {}

上面写着:.fields类的东西，嵌套了a类的.add_fields元素。

你甚至可以声明它必须是一个直接子元素:

.fields > a.add_fields {}