Html 更改div css的字体

我很难理解如何更改h2标题下div行的字体。我曾尝试在网上查找有关此的信息，但仅限于内联或如果标题已被分类为类。我不能编辑html代码，我只能修改css文件。我还尝试通过编写类示例来定义header元素和div元素。这是因为div类中不能有空格吗

*
{
背景色：#ffcc66；
颜色：#003399；
字体系列：Comic Sans MS；
字体大小：14px；
}
A.
{
颜色：#CC0000；
文字装饰：无；
}
a:参观了
{
颜色：#CC0000；
}
a:悬停
{
颜色：006600；
}
a:主动的
{
颜色：#CC0000；
}
h1
{
背景色：#3399FF；
文本对齐：居中；
利润率：35px；
边框底部样式：实心；
边框底宽：薄；
边框底色：#000033；
}
氢
{
颜色：#333333；
字体大小：粗体；
}
P
{
字体系列：格鲁吉亚；
颜色：#003300；
填充：15px；
}
锂
{
字体系列：Arial；
背景色：#808080；
字体大小：粗体；
字号：18px；
}

试验
用CSS格式化
这是一个基本的网页，用作应用CSS格式规则的测试

超链接


清单项目

项目1
项目2
项目2

课堂示例
示例1类CSS
示例2类CSS
示例3类CSS

尝试此操作可以在不修改html的情况下更改每个div字体。我们的想法是使用相邻的兄弟姐妹，例如

h2+div

，

h2+div+div

，

h2+div+div

等，来确定每个give的目标。就像这样

*
{
背景色：#ffcc66；
颜色：#003399；
字体系列：Comic Sans MS；
字体大小：14px；
}
A.
{
颜色：#CC0000；
文字装饰：无；
}
a:参观了
{
颜色：#CC0000；
}
a:悬停
{
颜色：006600；
}
a:主动的
{
颜色：#CC0000；
}
h1
{
背景色：#3399FF；
文本对齐：居中；
利润率：35px；
边框底部样式：实心；
边框底宽：薄；
边框底色：#000033；
}
氢
{
颜色：红色；
字体大小：粗体；
}
P
{
字体系列：格鲁吉亚；
颜色：#003300；
填充：15px；
}
锂
{
字体系列：Arial；
背景色：#808080；
字体大小：粗体；
字号：18px；
}
*
{
背景色：#ffcc66；
颜色：#003399；
字体系列：Comic Sans MS；
字体大小：14px；
}
A.
{
颜色：#CC0000；
文字装饰：无；
}
a:参观了
{
颜色：#CC0000；
}
a:悬停
{
颜色：006600；
}
a:主动的
{
颜色：#CC0000；
}
h1
{
背景色：#3399FF；
文本对齐：居中；
利润率：35px；
边框底部样式：实心；
边框底宽：薄；
边框底色：#000033；
}
氢
{
颜色：红色；
字体大小：粗体；
}
P
{
字体系列：格鲁吉亚；
颜色：#003300；
填充：15px；
}
锂
{
字体系列：Arial；
背景色：#808080；
字体大小：粗体；
字号：18px；
}
h2+div{
字体系列：Arial；
}
h2+div+div{
字体系列：Sakkal Majalla；
}
h2+div+div+div{
字体系列：巴塘；
}

试验
用CSS格式化
这是一个基本的网页，用作应用CSS格式规则的测试

超链接


清单项目

项目1
项目2
项目2

课堂示例
示例1类CSS
示例2类CSS
示例3类CSS

您可以使用相邻兄弟组合器

h2 + div {
  background-color: #808080;
}

这只会影响h2元素（后面的下一个元素）的直接同级

---

更多关于css组合器的信息这将在您的代码中起作用

div:first-of-type {
    /*Your Styles Here*/
}

---

关于，

您可以使用第n个类型，因为您只有单独的div

*
{
背景色：#ffcc66；
颜色：#003399；
字体系列：Comic Sans MS；
字体大小：14px；
}
A.
{
颜色：#CC0000；
文字装饰：无；
}
a:参观了
{
颜色：#CC0000；
}
a:悬停
{
颜色：006600；
}
a:主动的
{
颜色：#CC0000；
}
h1
{
背景色：#3399FF；
文本对齐：居中；
利润率：35px；
边框底部样式：实心；
边框底宽：薄；
边框底色：#000033；
}
氢
{
颜色：#333333；
字体大小：粗体；
}
P
{
字体系列：格鲁吉亚；
颜色：#003300；
填充：15px；
}
锂
{
字体系列：Arial；
背景色：#808080；
字体大小：粗体；
字号：18px；
}
分区：第n个类型（1）{
字体系列：Arial；
}
分区：第n个类型（2）{
字体家族：幻想；
}
分区：第n个类型（3）{
字体系列：投石机；
}

使用CSS格式化
这是一个基本的网页，用作应用CSS格式规则的测试

超链接


清单项目

项目1
项目2
项目2

课堂示例
示例1类CSS
示例2类CSS
示例3类CSS

您是否试图将“类示例”下的

作为目标？是的，我希望每个div具有不同的特定字体。您是否可以编辑HTML？如果没有，您可以使用类型的第n个选择器。欢迎请标记一下。这样其他人就会知道它是有帮助的。@FUSIONCHA0S