Последовательность li

Статус
В этой теме нельзя размещать новые ответы.

runyugin

Постоялец
Регистрация
30 Июн 2013
Сообщения
55
Реакции
4
Есть динамически формирующийся слисок из li,

HTML:
<ul>
      <li></li>
      <li></li>
      <li></li> 
      <li></li>
      <li></li>
      <li></li>
      <li></li> 
      <li></li>
</ul>

как можно менять последовательность выводимых li
 
абсолютное позиционирование
Для просмотра ссылки Войди или Зарегистрируйся

можно и без класса с помощью nth-child выбирать нужные li
 
Последнее редактирование:
Если не имеет значение кроссбраузерность, а необходима поддержка только современных браузеров, то можно использовать модель FLEXBOX + выше озвученные Для просмотра ссылки Войди или Зарегистрируйся (или лучше Для просмотра ссылки Войди или Зарегистрируйся).

Для просмотра ссылки Войди или Зарегистрируйся

Также, можно использовать инлайновые стили, если это генерируется на ходу
Код:
<li style="order: 3">8</li>

Ссылки по теме:
Для просмотра ссылки Войди или Зарегистрируйся (правильно наверное назвать "рабочий" черновик от 25 September 2014)
Для просмотра ссылки Войди или Зарегистрируйся (последний черновик от 2 March 2015)
Для просмотра ссылки Войди или Зарегистрируйся на css-tricks.com (очень хороший мануал на английском)
Ну и в гугле ещё полно материала, в том числе и на русском.

Поддержка браузерами
3fde637aba.png

Для просмотра ссылки Войди или Зарегистрируйся

Сообщения потерлись. Похоже где-то тут произошел серьезный откат БД.
Сообщение всё своё переписывать не будут, скажу лишь коротко

:nth-child или лучше :nth-of-type + FLEXBOX
Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование модератором:
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху