无法对h1标签及其内容进行样式设计

-1

<% 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文件尝试运行。无法对h1标签及其内容进行样式设计

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

来源

2017-05-26 Solias

您使用的是scss吗？ –

@solias请定义如下的css –

@MichaelCoker是的。 – Solias

请立即检查。

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>

来源

2017-05-26 15:29:40

证明CSS很好。我在另一个分支上工作时犯了一个愚蠢的错误。当我切换时，我意识到我没有保存我的show.html.erb文件，这就是为什么它甚至不能识别CSS更改。我的错。 – Solias

尝试使用

.user_info h1{ 

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

来源

2017-05-26 15:21:01

nope，不起作用。并且你不小心加了一个额外的{那 – Solias

是的，所以更新我的答案。 –

我的意思是更新的版本本身不起作用。出于某种原因，我无法通过旁边的标签调用h1标签。有没有其他方法可以参考它？ – Solias

这会为

aside h1{ 
    color: red!important; 
}

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

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

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

来源

2017-05-26 15:31:05 Rahul

@solias可能有其他CSS覆盖你的CSS，所以你需要调试，如果不工作，但通过应用'重要'它会为你工作 – Rahul

无法对h1标签及其内容进行样式设计

回答

相关问题