لا "display:علامة" العمل في أي المتصفحات الحالية ، وإذا كان الأمر كذلك ، كيف ؟

Question

لا أستطيع أن أكون متأكدا إذا كان قانون بلدي هو مص, أو لو كان مجرد أن المتصفحات لم المحاصرين مع المواصفات حتى الآن.

هدفي هو محاكاة قائمة علامات باستخدام المحتوى ، وذلك للحصول على مثلاستمرار العدادات من القائمة إلى القائمة في CSS نقية.

لذلك رمز أدناه ، والتي أعتقد هو الصحيح وفقا المواصفات, هو مثل هذا:

html {
  counter-reset: myCounter;
}
li {
  counter-increment: myCounter;
}
li:before {
  content: counter(myCounter)". ";
  display: marker;
  width: 5em;
  text-align: right;
  marker-offset: 1em;
}

<ol>
  <li>The<li>
  <li>quick</li>
  <li>brown</li>
</ol>
<ol>
  <li>fox</li>
  <li>jumped</li>
  <li>over</li>
</ol>

ولكن هذا لا يبدو أن تولد علامات ، إما FF3, الكروم, أو IE8 beta 2 و إذا لم تخني لا الأوبرا إما (على الرغم من أنني كنت منذ إلغاء تثبيت أوبرا).

لذا لا أحد يعرف إذا كان علامات من المفترض إلى العمل ؟ Quirksmode.org لا يتم المعتاد مفيدة النفس في هذا الصدد :(.

Answer 1

على ما يبدو علامة أدخل قيمة في CSS 2 ولكن لم يجعل CSS 2.1 بسبب تفتقر إلى دعم المتصفح.أعتقد أن هذا لم يساعد شعبيتها ...

المصدر: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display (الألمانية)

Answer 2

يا أوتش ، لم يكن يعلم أن :-|.التي ربما الأختام قضيته ، ثم.لأن معظمهم كان تحت افتراض أن مثل هذه الأساسية CSS2 الملكية يجب أن يكون بالتأكيد في دعم المتصفحات الحديثة ، ولكن إذا كان لم يجعل في CSS 2.1, ثم يجعل الكثير من معانيها أنها ليست كذلك.

للرجوع إليها في المستقبل ، لم تظهر في موزيلا مركز تطوير, لذا يفترض فايرفوكس لا يعتمد عليه في كل شيء.

أيضا للرجوع إليها في المستقبل ، حصلت على بلدي الأصلي مثال للعمل مع inline-block بدلا من ذلك:

li:before
{
    content: counter(myCounter)". ";
    display: inline-block;
    width: 2em;
    padding-right: 0.3em;
    text-align: right;
}