[HTML][CSS] Usunięcie części automatycznego numerowania Opcje

[Kshyhoo]

Mam automatyczne numerowanie list. Chciałbym część numerowania usunąć, np w znaczniku PRE. Jak to zrobić? np.:

[CSS] pobierz, plaintext 
.tutek ol {
  counter-reset: tut
}
.tutek ol > li {
  list-style-type: none;
    margin: 1px;
  padding: 1px 5px
}
.tutek ol > li:before {
  content: counters(tut, ".") ". ";
  counter-increment: tut;
}
.tutek > pre ol {
  /* TO DZIAŁA */
  font-size: 25px;
  color: #aaa;
  /* NIC Z PONIŻSZEGO NIE DZIAŁA */
  counter-reset: tut;
  counter-reset: section;
  list-style: none;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="tutek">
  <ol>
    <li>tekst
      <ol>
        <li>tekst</li>
        <li>tekst</li>
      </ol>
    </li>
  </ol>
 
  <pre>
    <ol>
      <li>tekst
        <ol>
          <li>tekst</li>
          <li>tekst</li>
        </ol>
      </li>
    </ol>
  </pre>
 
 </div>
[HTML] pobierz, plaintext 

Największy problem jest z zresetowaniem numerowania w listach zagnieżdżonych:

[CSS] pobierz, plaintext 
.tutek ol {
  counter-reset: tut
}
.tutek ol > li {
  list-style-type: none;
    margin: 1px;
  padding: 1px 5px
}
.tutek ol > li:before {
  content: counters(tut, ".") ". ";
  counter-increment: tut;
}
.tutek > pre ol {
  font-size: 25px;
  color: #aaa;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="tutek">
  <ol>
    <li>tekst
      <ol>
        <li>tekst</li>
        <li>tekst
          <pre>
            <ol>
              <li>tekst
                <ol>
                 <li>tekst</li>
                 <li>tekst</li>
                </ol>
              </li>
            </ol>
          </pre></li>
      </ol>
    </li>
  </ol>
 
 </div>
[HTML] pobierz, plaintext 

Jakaś rada?