Frage Wie erstelle ich einen Binärzähler mit dem
    -Tag?


Ich dachte, ich könnte folgendes tun:

<ol style = "type:numeric; glyphs: '0' '1';">
    <li> Item 0 </li>
    <li> Item 1 </li>
    <li> Item 2 </li>
</ol>

um eine Liste zu erstellen, die in binär gezählt wurde. Das heißt, das obige Beispiel hätte Folgendes ergeben sollen:

0. Punkt 0

1. Gegenstand 1

10. Punkt 2

Aber leider tat es so etwas nicht. Firefox hat meine Stilvorschläge einfach ignoriert.

Ich habe darüber gelesen http://www.w3.org/TR/css3-lists/ (Abschnitt 8.1.2)

Aber klar habe ich die Spezifikation falsch verstanden. Irgendeine Hilfe?

Vielen Dank!


7
2017-09-04 15:11


Ursprung


Antworten:


Das type und glyphs Eigenschaften gehen in Seite a @counter-style Deklaration, so müssen Sie Counter Style definieren und dann verwenden.

@counter-style mybinary {
    type: numeric;
    glyphs: '0' '1' '2';
}

<ol style = "list-style-type:mybinary;">
    <li> Item 0 </li>
    <li> Item 1 </li>
    <li> Item 2 </li>
</ol>

Ich denke nicht, dass irgendein Browser dies implementiert, da dies alles ist, was ich neben dem Arbeitsentwurf und dieser Zeile von MDN gefunden habe

CSS Listen und Zähler Modul Level 3   Working Draft Fügt Unterstützung für Kennwörter hinzu, die in @ counter-style-Regeln verwendet werden, und fügt diese hinzu.   Diese Änderungen werden auf dieser Seite noch nicht angezeigt, da sie derzeit von keinem Browser implementiert werden.


6
2017-09-04 15:41



Wenn du es in jedem Browser sichtbar machen willst, musst du es mit einer anderen Sprache machen (javascript / jquery oder mit etwas, das von deinem Server kommt)

Am Ende musst du nur so etwas haben: http://jsfiddle.net/KdhxX/

<ol>
  <li value="0"> Item 0 </li>
  <li value="1"> Item 1 </li>
  <li value="10"> Item 2 </li>
</ol>

mit dem in Ihr "li" eingefügten Wert, der von JavaScript oder Ihrer serverseitigen Sprache ausgefüllt wird


2
2017-09-04 15:43