Подсчет элементов XML в списке не работает в Firefox - PullRequest
Новая
       41

Подсчет элементов XML в списке не работает в Firefox

0 голосов
/ 19 июля 2010

Я пишу немного CSS для настройки отображения XML-документа.В основном я хочу настроить отображение дочерних элементов и сделать их похожими на элементы HTML OL / UL / LI.

Мой XML структурирован так: 

 <?xml version="1.0"?>
 <?xml-stylesheet type="text/css" href="style.css"?>
 <transcription>
      <turn>
          <speaker>Speaker Name</speaker>
          <clause>
              text here
          </clause>
          <clause>
              one or  more clauses
          </clause>
      </turn>
  </transcription>

Мой CSS выглядит следующим образомthis: 

turn {
    counter-reset: item;
}

turn clause {
    display:list-item;
}

clause  {
    content: counter(item);
    counter-increment: item;
}

Я использую этот сайт: http://www.xml.com/lpt/a/401 и в основном имею аналогичный документ http://www.xml.com/2000/03/29/tutorial/examples/display1.xml, проблема в том, что display1.xml не работает в Firefox.Я работаю в IE, Safari, Chrome и т. Д.

Может ли кто-нибудь предоставить ссылку или ссылку, которая будет работать в Firefox, а также в других браузерах?

1 Ответ

1 голос
/ 20 июля 2010

Похоже, есть какая-то ошибка в том, что Firefox реализует свойство display: list-item, в частности передачу значения счетчика. Я считаю, что это приводит к появлению нулей, которые отображаются в Firefox, но не в Chrome.

Мой обходной путь - забыть об использовании 'display: list-item' и вместо этого напрямую стилизовать элементы, чтобы они выглядели как список: 

transcription {
      counter-reset: item;
}

clause {
      display:block; 
      margin-left:40px; 
}

clause:before  {
      counter-increment: item;
      content: counter(item)  ". ";
}

это работает со следующим XML: 

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="style2.css"?>
<transcription>
    <turn>
    <speaker>Speaker Name</speaker>
    <clause>
        text here
    </clause>
    <clause>
        text here
    </clause>
    <clause>
        text here
    </clause>
</turn>

дай мне знать, как ты поживаешь ...

AL

...