多个H3标签使用不同的文本＆amp;字体样式

Question

如何使用不同的文字样式制作多个H3标签＆amp;邮政体内的字体大小？

我的H3 CSS看起来像这样

.post h3{
         border-top:1px dotted #84ce31;
         border-bottom:1px dotted #84ce31;
         font-size: 10pt;padding:3px;
}

有什么想法吗？

Answer 1

给每个人一个班级：

.post h3.class1 { color: white; }
.post h3.class2 { color: black; }
.post h3.class3 { color: red; }

Answer 2

我会给他们所有的ID。 ID用于特殊标识仅存在一次的元素，并且使用类用于更常见的重复样式，只有h3样式在默认情况下最常出现。所有这些都说答案也没错，我只是考虑设计风格。

Answer 3

可以通过添加id或类似

来完成

.post h3.#hea1{ color: white; }
.post h3.#hea2{ color: black; }
.post h3.#hea3{ color: red; }

或上面解释的课程

不重要的是应该使用什么..知道你必须知道

id和class

之间的区别

ID是唯一的

Each element can have only one ID
Each page can have only one element with that ID

课程不是唯一的

You can use the same class on multiple elements.
You can use multiple classes on the same element.

注意：任何ID或类

都没有浏览器默认值

默认情况下，向元素添加类名或ID不会对该元素执行任何操作。

这是一个让我初学者陷入困境的事情。您正在一个站点上工作，并确定应用特定的类名可以解决您遇到的问题。然后你跳到具有相同问题的另一个站点并尝试用同一个类名修复它，认为类名本身有一些神奇的属性，只是发现它不起作用。