CSS样式不适用于带有类的元素

Question

我尝试使用额外的类名功能将单独的属性添加到我网站上的文本部分。 我尝试使用我的主题和视觉作曲家的自定义css字段，但两者都没有效果。我在WordPress 4.3.1上运行了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" />