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

Question

我正在尝试使用额外的类名功能将单独的属性添加到我网站上的文本部分。我尝试使用主题的自定义 css 字段和视觉 Composer 的自定义 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:

#btnSubmit {padding: 5px;}

在 HTML 中:

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