selector.html - mozsearch

Enable keyboard shortcuts

<div id="fixtures" style="display: none">

  <h1 class="title">Some title <span>here</span></h1>

  <p id="p" class="first summary">

    <strong id="strong">This</strong> is a short blurb

    <a id="link_1" class="first internal" rel="external nofollow" href="#">with a <em id="em2">link</em></a> or

    <a id="link_2" class="internal highlight" href="#"><em id="em">two</em></a>.

    Or <cite id="with_title" title="hello world!">a citation</cite>.

  </p>

  <ul id="list">

    <li id="item_1" class="first"><a id="link_3" href="#" class="external"><span id="span">Another link</span></a></li>

    <li id="item_2">Some text</li>

    <li id="item_3" xml:lang="es-us" class="">Otra cosa</li>

  </ul>

  <!-- this form has a field with the name 'id',

    therefore its ID property won't be 'troubleForm': -->

  <form id="troubleForm">

    <input type="hidden" name="id" id="hidden" />

    <input type="text" name="disabled_text_field" id="disabled_text_field" disabled="disabled" />

    <input type="text" name="enabled_text_field" id="enabled_text_field" />

    <input type="checkbox" name="checkboxes" id="checked_box" checked="checked" value="Checked" />

    <input type="checkbox" name="checkboxes" id="unchecked_box" value="Unchecked"/>

    <input type="radio" name="radiobuttons" id="checked_radio" checked="checked" value="Checked" />

    <input type="radio" name="radiobuttons" id="unchecked_radio" value="Unchecked" />

  </form>

  <form id="troubleForm2">

    <input type="checkbox" name="brackets[5][]" id="chk_1" checked="checked" value="1" />

    <input type="checkbox" name="brackets[5][]" id="chk_2" value="2" />

  </form>

  <div id="level1">

    <span id="level2_1">

      <span id="level3_1"></span>

      <!-- This comment should be ignored by the adjacent selector -->

      <span id="level3_2"></span>

    </span>

    <span id="level2_2">

      <em id="level_only_child">

      </em>

    </span>

    <div id="level2_3"></div>

  </div> <!-- #level1 -->

  <div id="dupContainer">

    <span id="dupL1" class="span_foo span_bar">

      <span id="dupL2">

        <span id="dupL3">

          <span id="dupL4">

            <span id="dupL5"></span>

          </span>

        </span>

      </span>

    </span>

  </div> <!-- #dupContainer -->

  <div id="grandfather"> grandfather

    <div id="father" class="brothers men"> father

      <div id="son"> son </div>

    </div>

    <div id="uncle" class="brothers men"> uncle </div>

  </div>

  <form id="commaParent" title="commas,are,good">

    <input type="hidden" id="commaChild" name="foo" value="#commaOne,#commaTwo" />

    <input type="hidden" id="commaTwo" name="foo2" value="oops" />

  </form>

  <div id="counted_container"><div class="is_counted"></div></div>

</div>