2016-01-31 87 views
0

我已經下載了一個WordPress主題,我正在做一些定製。在style.css文件有一個CSS類這樣的,CSS .classname元素名稱

.entry-content h3 { 
    font-size: 28px; 
    font-size: 2.8rem; 
} 

所以,我需要把它添加到我的<h3>元素。那麼,做到這一點的方式是什麼。如何將CSS類添加到元素..?

回答

2

在Wordpress中,如果您在任何編輯頁面上進入代碼輸入視圖,則可以鍵入代碼而不是讓頁面自動爲您生成代碼。

當您在編碼輸入模式的時候,你可以鍵入任何種類的「容器」的(如div,一個article,或section,例如),並給它一類的entry-content(由包括在開始標籤內的文字class="entry-content)。然後,您只需在該容器中放入一個h3,並且您的CSS代碼將應用於該容器。

實施例1:

.entry-content h3 {color:blue;}
<article class="entry-content"> 
 
    <h3>Some Text</h3> 
 
</article>

實施例2:

.entry-content h3 {color:red;}
<div class="entry-content"> 
 
    <h3>A heading</h3> 
 
    <p>A paragraph</p> 
 
    <h3>You can even have more than one H3</h3> 
 
</div>

+0

感謝它的工作! – TharinduLucky

1
<span class="entry-content"><h3>Your text</h3></span> 

其中span可以是任何具有設置爲條目內容的屬性類的標籤。

+1

這將等同於'h3.entry-content' –

+0

謝謝!有效! – TharinduLucky