présenter des listes et sous-listes en html

comment organiser le code html (avec utilisation de l'ol\li ect.) à l'heure actuelle de telles listes (avec des sous-listes)

1. BLA-BLA-BLA

1.1. Bla-bla-bla.
1.2. Bla-bla-bla.
1.3. Bla-bla-bla:
  lalal - balalala;
  lalal - balalala;
  lalal - lalalla.
1.4. Blal-a lalslas
1.4.1. bklalala
1.4.2. sdsdsdsdsd

remarque: Il n'est pas la même que celle que je veux
présenter des listes et sous-listes en html

Pourquoi vous ne souhaitez pas utiliser un OL pour cela?
Où faut-il dire qu'ils ne veulent pas utiliser <ol>?
Je suis sûr que j'ai besoin d'utiliser l'ol, mais comment faire "1.1.", "1.2." ?..
avec utilisation ol\li ect.
double possible de la Réalisation de sous-numérotation sur ol éléments html

OriginalL'auteur vinnitu | 2011-02-19

  1. 10

    ol tag signifie liste ordonnée (avec des chiffres).

    ul tag signifie non ordonnée.

    Chevauchement ol listes de permettre à ce genre de présentation : 1.1.2

    <ol>
  <li>BLA-BLA-BLA
    <ol>
      <li> Bla-bla-bla.</li>
      <li> Bla-bla-bla.</li>
      <li> Bla-bla-bla.
        <ul>
          <li>lalal - balalala;</li>
        </ul>
      </li>
    </ol>
  </li>
</ol>
    Il ne fonctionne pas comme il se doit. Voir ceci: jsfiddle.net/vinagreti/ytzduon1

    OriginalL'auteur vaugham

  2. 4

    Une réponse à votre question ici

    La réalisation de sous-numérotation sur ol éléments html

    La feuille de style suivante numéros de liste imbriquée éléments comme "1", "1.1", "1.1.1", etc.

    OL { counter-reset: item }
OL>LI { display: block }
OL>LI:before { content: counters(item, ".") " "; counter-increment: item }

    Peut-être que vous pouvez modifier à votre question pour éviter de dupliquer les questions. Pointant vers celui-là que je viens de vous le dire.

    OriginalL'auteur Bruno João

  3. 0
    ol {
  counter-reset: section;                /* Creates a new instance of the
                                            section counter with each ol
                                            element */
  list-style-type: none;
}

li::before {
  counter-increment: section;            /* Increments only this instance
                                            of the section counter */
  content: counters(section, ".") " ";   /* Combines the values of all instances
                                            of the section counter, separated
                                            by a period */
}

    <ol>
  <li>item</li>          <!-- 1     -->
  <li>item               <!-- 2     -->
    <ol>
      <li>item</li>      <!-- 2.1   -->
      <li>item</li>      <!-- 2.2   -->
      <li>item           <!-- 2.3   -->
        <ol>
          <li>item</li>  <!-- 2.3.1 -->
          <li>item</li>  <!-- 2.3.2 -->
        </ol>
        <ol>
          <li>item</li>  <!-- 2.3.1 -->
          <li>item</li>  <!-- 2.3.2 -->
          <li>item</li>  <!-- 2.3.3 -->
        </ol>
      </li>
      <li>item</li>      <!-- 2.4   -->
    </ol>
  </li>
  <li>item</li>          <!-- 3     -->
  <li>item</li>          <!-- 4     -->
</ol>
<ol>
  <li>item</li>          <!-- 1     -->
  <li>item</li>          <!-- 2     -->
</ol>


    Reportez-vous
    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

    Html liste ordonnée 1.1, 1.2 (Nested des compteurs et de la portée) ne fonctionne pas

    OriginalL'auteur shirish

  4. -4

    essayez cet exemple: 

        <ul class="list">
            <ol>
              <div class="white"><h3>White wines</h3></div>
              <li>Pinot Grigio ~
                   <ol>
                       <li>Cavit<span>( Venezia )$8</span><em>&nbsp;</em></li>
                       <li>Santa Margherita<span>( Valdadige) $17/$56</span><em>&nbsp;</em></li>
                       <li>Livio Felluga<span>( Alto adige ) $15/$54</span><em>&nbsp;</em></li>
                  </ol>
               </li>
            </ol>
                     <ol>
              <li>Lacryma Cristi ~
                   <ol>
                       <li>Mastroberardino<span>( Campania )$14/$50</span><em>&nbsp;</em></li>
                  </ol>
               </li>
            </ol>
               <ol>
              <li>Sauvinon Blanc ~
                     <ol>
                       <li>Fume blanc<span></span><em>&nbsp;</em></li>
                       <li>Kim crawford<span>( Malborough )$13/$42</span><em>&nbsp;</em></li>
                  </ol>
               </li>
            </ol>
           <ul>
    Merci de ne pas mettre les divisions à l'intérieur des listes. Les éléments de la liste aller à l'intérieur des listes. Ce code n'a aucun sens.

    OriginalL'auteur Raul perez