<!-- Content of body tag should be there. No Head or
    Script Tags-->
<header id="main-header">
<h1>Welcome to the HTML Selectors Example</h1>
</header>
<section class="content-section">
<h2>Introduction</h2>
<p>This section demonstrates the use of various
      HTML selectors in CSS.</p>
<p>Selectors are patterns used to select the
      elements you want to style.</p>
</section>
<section class="content-section">
<h2>Examples</h2>
<p>Here are some examples of different types of
      selectors:</p>
<ul>
<li>Universal Selector</li>
<li>Type Selector</li>
<li>ID Selector</li>
<li>Class Selector</li>
<li>Descendant Selector</li>
<li>Child Selector</li>
<li>Adjacent Sibling Selector</li>
<li>General Sibling Selector</li>
<li>Attribute Selector</li>
<li>Pseudo-class Selector</li>
<li>Pseudo-element Selector</li>
</ul>
</section>
<footer class="content-section">
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX