Css 可以在Rails中的两个部分周围设置边界吗？

我对Rails还不太熟悉，所以请耐心听我说。 这是我的haml文件，我在其中渲染我的两个部分

 = render partial: 'stepwizard', locals: {active: 'payment'}

 = render partial: 'form-payment', locals: {quotation_request: @quotation_request}

我想在这两个部分之间划一个边界

 = render partial: 'stepwizard', locals: {active: 'payment'}

 = render partial: 'form-payment', locals: {quotation_request: @quotation_request}

我尝试将此添加到CSS中：

.border {
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
margin-top: 2em;
}

这是给我的火腿的

 .border  
  = render partial: 'stepwizard', locals: {active: 'payment'}
  = render partial: 'form-payment', locals: {quotation_request:@quotation_request}

---

它不起作用了。关于如何使其工作，您有什么想法吗？

您是否已经尝试将其添加到.border类定义中

border: 1px solid black;

---

您只需要将您的分部封装在为该边界指定的任何类中。 假设您的border类是

.border

，定义如下：

.border {
  border: 1px solid black;
}

然后，您希望使用此类将您的分区包装到HTML元素中，如下所示：

.border  
  = render partial: 'stepwizard', locals: {active: 'payment'}
.border
  = render partial: 'form-payment', locals: {quotation_request:@quotation_request}

这将使用类

border

在div中呈现每个部分，作为回报，该类在CSS中定义了一个边框

---

第一篇文章中描述的方法基本上是这样的。因此，我假设您的问题要么是没有正确缩进片段，要么是CSS被覆盖。为此，请创建一个JSFIDLE或提供更多信息。

生成的标记是什么样子的？在浏览器检查器中查看它。border div是否正确地包装了partials？是否应用了类/样式？是的，div正确地包装了部分，但是没有应用样式，因为我没有将css放在正确的位置。谢谢