Как сделать через CSS эту зеленую точку у текста?

<ul class="second d-flex" id="nav">
          <li class="second__active"><a href="#">Новости</a></li>
          <li class="second__item"><a href="#">Анонсы</a></li>
          <li class="second__item"><a href="#">Инфоблок</a></li>
        </ul>

$(function() {

    $('#nav').on('click', 'li', function(event) {

         $(this).addClass("active").siblings().removeClass("active");  

         event.preventDefault();

Тимур, и что вы этим хотите сказать? :))

Вам человек уже ответил, как сделать эту точку, а вы уже тупо представьте свои классы, думаю, это не сложно.

Рустам Байназаров, ахахаха орнул)

Тимур, так может с этого и нужно было начинать вопрос. По сути ничего не меняется: у .second__itemposition: relative, у .second__item_active::beforeposition: absolute. Активному элементу добавляете .second__item_active с остальных удаляете его.

poniyur, а ведь так оно и есть. И ваш код сути дела ни на йоту не меняет.

Кроме того, что у вас неправильный БЭМ, где зачем-то у активного элемента удаляется основной класс .second__item и заменяется классом .second__active, который является модификатором и должен сосуществовать с первым.

И модификаторы, конечно, не должны быть прописаны так, как у вас, а вот так: .second__item--active.

Рустам Байназаров, какой мой код? я просто мимо проходил)
поржал с вашего 'и что вы этим хотите сказать? :))' - автор реально тупанул)

poniyur, ёлки, извините :))

Рустам Байназаров, имя сменил, я тебя не узнал))) богатым будешь)))

Сергей Горячев, привет, дай бог :))