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

标签 css html twitter-bootstrap ruby-on-rails-4

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

最佳答案

请立即检查。

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>    

关于css - 无法设置 h1 标签及其内容的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44204950/

相关文章:

php - 不通过_POST 发送数据的简单表单

javascript - 在窗口调整大小之前,ChartJS 不会在 Bootstrap 选项卡内绘制图形

php - 使用 CSS 更改文本名称

css - 我可以只在悬停时应用 CSS 过渡吗?

css - Div 垂直中间的文本

javascript - 通过 Ajax 将 JavaScript 函数传递给 PHP 文件

包含来自 Head 标记的脚本和资源的 PHP 文件(包含 PHP 的问题)

javascript - 获取元素的解析高度 CSS 属性值;认得100%

带 float 的 HTML 布局

css - 我无法让我的 Bootstrap 列以相同的高度展开