html - 使用不同文本和字体样式的多个 H3 标签

Question

如何在帖子正文中使用不同的文本样式和字体大小制作多个 H3 标签？

我的 H3 CSS 看起来像这样

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

有任何想法吗？

score 3 · Accepted Answer

给他们每个人上课：

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

可以通过添加 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 对该元素没有任何作用。

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

3 回答 3