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

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

html

如何更改html中第二个标题的颜色,html,Html,我有一个html页面，它的开头是一个标题，后面跟着一个表，第二个标题后面跟着第二个表。第一个标题是红色，我想得到第二个标题，比如说绿色。我试图使用相同的文本/css设置为红色，但似乎与我设置的方式不一样。将另一个样式置于第二个标题之前的绿色也会将第一个标题设置为绿色。请帮忙 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=US-ASCI

我有一个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>


GG-缺失索引
身体{
背景：白色；
文本对齐：左对齐；
字体系列：calibri；
字体大小：20px；
边框：1px纯黑；
字体大小：粗体；
颜色：红色；
}
TH{
背景：金；
颜色：黑色；
字体系列：calibri；
字体大小：11px；
边框：1px纯黑；
}
TD{背景：白色；颜色：#000000；字体系列：calibri；字体大小：11px；边框：1px纯色浅灰色；文本对齐：justify；}-->
#红头{
颜色：红色；
}




标题1




PDBSCHEMA\u名称表\u名称索引
ABCD


标题2:PDBSCHEMA\u NAMETABLE\u NAMEINDEX-COLSABCD

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

只需将特定标题添加到

标记中，并为其指定类名即可。还可以用颜色来设计课堂风格。
在您的代码中--
在

标记中添加以下代码段

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


.总目1{
颜色：红色；
}
.总目2{
颜色：绿色；
}

修改标题，使其位于

标记内，如下所示

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

标题1
标题2

如果您需要完整的代码或任何帮助，只需向下注释：）

它已经是绿色的了所有文本都是绿色的，如您所愿？您的问题是什么？您可以发布一张带有代码片段的图像来说明问题。@ahmad dalao附加了图像和更新的html代码以反映图像。@vinod，请查看更新。MM，屏幕截图在哪里？我看不到。