get-unique-selector/src/get-selector-test.html

Get a unique CSS selector for a given DOM node

<h1>
  My topics
  </h1>
  <div id="intro">
    <p class="intro-paragraph">
      This is paragaph #1
    </p>

    <p class="intro-paragraph">
      This is paragaph #2
    </p>
  </div>

  <div id="content">

    <div id="index">
      <ul>
        <li><a href="#topic-1">Topic #1</a></li>
        <li><a href="#topic-2">Topic #2</a></li>
        <li><a href="#topic-3">Topic #3</a></li>
      </ul>
    </div>

    <div class="topics">
      <h2 id="topic-1" class="topic-title">
      Topic #1
      </h2>
      <p class="topic-paragraph">
        This is topic #1
      </p>

      <h2 id="topic-2" class="topic-title">
      Topic #2
      </h2>
      <p class="topic-paragraph">
        This is topic #2
      </p>

      <h2 id="topic-3" class="topic-title">
      Topic #3
      </h2>
      <p class="topic-paragraph">
        This is topic #3
      </p>
    </div>

  </div>