※ ChatGPTを利用し、要約された質問です（原文：H2にも色を付けたい、デザインを適用させたい）
H2にも色を付けたい、デザインを適用させたい
このQ&Aのポイント
H2に色を付けるデザインを適用させる方法について教えてください。
参考サイトを元にコードを書いたが、H2が太字になってしまう。
H2に色を付けるデザインを適用させるためのコードを教えてください。
http://blog.direct-search.jp/2010/10/jquery-mobile.html
のサイトを参考にしたのですが、
<h2>test</h2> も <h1>Header</h1> のように、
色を白にして背景を青にするデザインにするにはどうすればいいでしょうか？
今は下記のコードのしていますが、
そうすると画像の様に、<h2>test</h2> は太字でtestになってしまいます。
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile テスト</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>
<section data-role="page" data-theme="b" id="ds-home">
<header data-role="header" data-theme="b">
<h1>Header</h1>
</header><!-- /header -->
<article data-role="content">
<div>This is a test page.</div>
<h2>test</h2>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Category</li>
<li><a href="#ds-page-1">First Child</a></li>
<li><a href="#ds-page-2">Second Child</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Category 2</li>
<li><a href="#ds-page-3">First Child 2</a></li>
<li><a href="#ds-page-4">Second Child 2</a></li>
</ul>
</article><!-- /content -->
<header data-role="footer" data-theme="b">
<h2>Footer</h2>
</header><!-- /footer -->
</section><!-- /page -->
</body>
</html>
お礼
ありがとうございます。