html - 未呈现基本按钮的 CSS 类

Question

全部，

我正在为一个按钮开发一个 CSS 类。但是当我检查我的 Ruby html 页面时，按钮没有出现。 html 链接正在呈现，但不是我的框。任何人都可以指出缺少什么或为什么会这样吗？

来自 welcome.scss.css 文件的 CSS 代码:

p#index-title
  {
   text-align: center;
   font-size: 15px;
   color: blue;
  }

.posts
  {
   border: solid;
   margin: 5px;
   padding: 5px;
   height: 200px;
   }

section
 {
   background:  #5998ff;
   border-style: solid;
   border-width: 5px;
   margin: 5px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
 }

 .social_btn
  {
   display: block;
   height: 100px;
   width: 300px;
   background: #34696f;
   border: 2px solid rgba(33, 68, 72, 0.59);
   }

来自 about.html.erb 文件的代码:

<h1>About myapp</h1>
<p>Created by: Me</p>

<%= link_to "Follow me", "https://twitter.com", class: "social_btn"%>

Answer 1

尝试改变这个:

<%= link_to "Follow me", "https://twitter.com", class: "social_btn"%>

对此:

<%= link_to "Follow me", "https://twitter.com", :class => "social_btn" %>

并改变:

background: #34696f;

对此:

background-color: #34696f;