css与rails 3 cocoon gem结合使用

时间:2011-04-25 08:26:11

标签: css ruby-on-rails-3 css3 cocoon-gem

我想调整导轨中链接的位置我已经使用了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; }

但那似乎没有做任何事......

此致 泰斯

1 个答案:

答案 0 :(得分:1)

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

a.add_fields {}

选择课程a的所有add_fields。 只是

.add_fields {}

通常也足够了。

但如果你想要非常严格,你可以写:

.fields a.add_fields {}

其中包含:类.fields的内容,以及a.add_fields元素的嵌套。

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

.fields > a.add_fields {}

希望这有帮助。