Question

 <% provide(:title, @user.name) %>
 <div class="row">
  <aside class="col-md-4">
    <section class="user_info">
     <h1>
      <%= gravatar_for @user %>
      <%= @user.name %>
     </h1>
    </section>
  </aside>
 </div>

我的.html.erb如上所示，我试图在h1标签下设置@ user.name变量的样式，但我无法这样做。当我检查元素时，我能够直接设置h1标签下的所有内容，但没有运气尝试我的实际css文件。

 aside {
 h1 {
  font-size: 1.4em;
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 3px;
  margin-top: 0px;
 }
}

Answer 1

请立即查看。

aside h1{
 

     font-size: 1.4em;
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 3px;
  margin-top: 0px;
}

<div class="row">
  <aside class="col-md-4">
    <section class="user_info">
     <h1>
      Header
     </h1>
    </section>
  </aside>
 </div>

Answer 2

尝试使用

.user_info h1{

  font-size: 1.4em;
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 3px;
  margin-top: 0px;
 }

Answer 3

这对你有用

aside h1{
  color: red!important;
}

hoewever我不建议使用important，但在您的情况下，我们需要调试您的代码并相应地应用css优先级

同时你可以尝试下面的代码，看看它是否适合你

body aside .user-info h1{
  color: red;
}

无法设置h1标签及其内容的样式

3 个答案: