Добавьте точку после содержимого: counter (mycounter) - PullRequest
Новая
       11

Добавьте точку после содержимого: counter (mycounter)

0 голосов
/ 18 мая 2018

Я хотел бы добавить точку после содержимого: counter (mycounter) в моем Ol.

Текущее состояние без точек:

Current state without the dots

Как бы я хотел это представить:

How I'd like to present it

Дело в том, что при использовании содержимого: counter (mycounter) текст удаляет точки.

css объяснит большую часть ... 

/*Circle with number on the article-page*/

.article .article-info ol {
  list-style:none;
  counter-reset:mycounter;
  padding:0;
}

.article .article-info ol li {
  position:relative; 
  padding:5px 0;
}

.article .article-info ol li:before {
  content:counter(mycounter); 
  counter-increment:mycounter;
  position:absolute;
  top:0;
  left:-30px;
  width:25px;
  line-height:20px;
  border-radius:50%;
  color:#B71A8B;
  text-align:center;
  margin-top:7px;
  font-weight:bold;
  font-size:1.2em
	margin-left:30px
}

.article .article-info ol li{
 	font-size: 16px;
  line-height: 1.5em;
  font-weight: 100;
  opacity:.8;
}

Так что я хотел бы как-то добавить что-то вроде этого content:counter(mycounter, ".").

Я знаю о стиле списка: нет, и это причина,но есть ли возможность добавить точку без удаления стиля списка: нет;

...