無法對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標籤及其內容進行樣式設計

回答

相關問題