CSS樣式不適用於元素類

Question

我試圖添加單獨的屬性到我的網站上的文本部分使用額外的類名稱函數。 我嘗試使用我的主題和視覺作曲家的自定義CSS領域，但都沒有效果。我WordPress的4.3.1

運行startuply主題由Vivaco這是我使用

about1 { 
    background: rgb(0, 0, 0); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
} 

這個代碼就是我想要的文字看起來像 - https://css-tricks.com/text-blocks-over-image/

是還有其他方法可以做到這一點嗎？

謝謝。

Answer 1

您需要添加一個.前：

.about1 { 
    background: rgb(0, 0, 0); /* fallback color */ 
    background: rgba(0, 0, 0, 0.7); 
} 

，讓這個在HTML：

<div class="about1"><!-- No dot (.) here --> 

沒有任何東西，它是標籤。例如：

h1 {} 
p {} 

隨着.，它是類：

.newClass {} 
.centerText {text-align: center;} 

並配有#，它是id S：

#btnSubmit {padding: 5px;} 

在HTML：

<a class="newClass">Blah</a> 
<div class="newClass centerText">Blah</div> 
<input id="btnSubmit" name="submit" />