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

【问题标题】：Multiple H3 tags using different text & font style使用不同文本和字体样式的多个 H3 标签
【发布时间】：2012-08-04 02:28:47
【问题描述】：

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

我的 H3 CSS 是这样的

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

有什么想法吗？

【问题讨论】：

标签： html css tags

【解决方案1】：

给他们每个人一个班级：

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

【讨论】：

【解决方案2】：

可以通过添加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】：

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

【讨论】：