如何更改html中第二个标题的颜色答案

【问题标题】：how to change color of 2nd heading in html如何更改html中第二个标题的颜色
【发布时间】：2020-09-10 03:38:08
【问题描述】：

我有一个 html 页面，该页面以标题开头，后跟表格，第二个标题后跟第二个表格。第一个标题是红色的，我想要第二个标题是绿色的。我正在尝试使用设置红色的相同文本/css，但似乎无法按照我设置的方式工作。在第二个标题之前将另一种样式设置为绿色也将第一个标题设置为绿色。请帮忙。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<meta name="generator" content="SQL*Plus 19.7.0">
<TITLE>GG - Missing Index</TITLE>  <STYLE type='text/css'>

BODY{
  background:white;
  text-align:Left;
  font-family:calibri;
  font-size:20px;
  border:1px solid black;
  font-weight:bold;
  color:red;
  }


TH{
  background: gold;
  color:black;
  font-family:calibri;
  font-size:11px;
  border:1px solid black;
  }


TD {background: white;color:#000000;font-family:calibri;font-size:11px;border:1px solid lightgrey;text-align:justify;} -->  <!-- TR {valign:top;} -->  <!-- P {background: white;color:RED} -->


#Red_Header{
color: red;

}

  </STYLE>
</head>
<body color='white'>
<br>
<br>
Heading 1
<br>
<br>
<table BORDER='1' cellspacing='1' cellpadding='1' width='50%' >
<table> <tr><th scope="col">PDB</th><th scope="col">SCHEMA_NAME</th><th scope="col">TABLE_NAME</th><th scope="col">INDEX</th></tr></tr>
<tr><td>A</td><td>B</td><td>C</td><td>D</td></tr> </table></table>
 <STYLE type='text/css'>  <!-- BODY {background:white;text-align:Left;font-family:calibri;font-size:20px;border:1px solid black;font-weight:bold;color:green} -->  <!-- TH {background: gold;color:black;font-family:calibri;font-size:11px;border:1px solid black;} -->  <!-- TD {background: white;color:#000000;font-family:calibri;font-size:11px;border:1px solid lightgrey;text-align:justify;} -->  <!-- TR {valign:top;} -->  <!-- P {background: white;color:GREEN} -->  </STYLE>


<br><br>Heading 2<br><br><table BORDER='1' cellspacing='1' cellpadding='1' width='50%' ><table> <tr><th scope=col>PDB</th><th scope=col>SCHEMA_NAME</th><th scope=col>TABLE_NAME</th><th scope=col>INDEX - COLS</th></tr></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td></tr></table></table>

我正在尝试将标题 2 设为绿色，将标题 1 设为红色。

【问题讨论】：

已经是绿色了
所有的文字都是绿色的，如你所愿？你有什么问题可以发一张带有sn-p的图片来告诉我们问题。
@ahmad dalao 附加图片和更新的 html 代码以反映图片。
@vinod，请查看更新。
MM，我没看到截图在哪里。

标签： html

【解决方案1】：

只需在<div> 标记中添加特定标题并给它一个类名。还可以使用颜色为班级设置样式。
在您的代码中--
在<style>标签内添加以下sn-ps..

<style>
   .head1{
      color:red;
    }
   .head2{
      color:green;
    }
</style>

修改标题使其位于<div>标签内，如下所示..

<div class="head1">Heading 1</div>
<div class="head2">Heading 2</div>

如果你想要完整的代码或任何帮助，只需评论:)

【讨论】：