首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用不同文本和字体样式的多个H3标记

使用不同文本和字体样式的多个H3标记
EN

Stack Overflow用户
提问于 2012-08-04 10:28:47
回答 3查看 3.1K关注 0票数 1

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

我的H3 CSS是这样的

代码语言:javascript
运行
复制
.post h3{
         border-top:1px dotted #84ce31;
         border-bottom:1px dotted #84ce31;
         font-size: 10pt;padding:3px;
}

有什么想法吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-08-04 10:43:46

可以通过添加id或如下所示的类来完成

代码语言:javascript
运行
复制
.post h3.#hea1{ color: white; }
.post h3.#hea2{ color: black; }
.post h3.#hea3{ color: red; }

或者作为上面解释的类

重点不是应该使用..to知道你必须知道

id和class之间的区别

ID是唯一的

代码语言:javascript
运行
复制
Each element can have only one ID
Each page can have only one element with that ID

类不是唯一的

代码语言:javascript
运行
复制
You can use the same class on multiple elements.
You can use multiple classes on the same element.

注意:任何ID或类都没有默认的浏览器

默认情况下,向元素添加类名或ID不会对该元素产生任何影响。

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

票数 0
EN

Stack Overflow用户

发布于 2012-08-04 10:33:04

给他们中的每一个人一个类:

代码语言:javascript
运行
复制
.post h3.class1 { color: white; }
.post h3.class2 { color: black; }
.post h3.class3 { color: red; }
票数 3
EN

Stack Overflow用户

发布于 2012-08-04 10:37:11

我会给他们所有的ID。ID意味着对只存在一次的元素的特殊标识,并将类用于更常见的重复样式,只使用最常出现的默认h3样式。尽管如此,答案也没有错,我只是在考虑设计风格。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11805449

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档