1. Метод 1: CSS
   Вы можете использовать CSS для стилизации тега
2. таким образом, чтобы он выглядел отключенным. Например, вы можете установить для свойства pointer-eventsзначение none, чтобы отключить любое взаимодействие мыши с элементом.

<style>
  .disabled-li {
    pointer-events: none;
    color: gray; /* Optional: You can also change the color to visually indicate it's disabled */
  }
</style>
<ul>
  <li class="disabled-li">Disabled Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

2. Метод 2: JavaScript
   Вы можете использовать JavaScript для динамического отключения тега
3. , удалив все прослушиватели событий или запретив действия по умолчанию при взаимодействии. Вот пример использования JavaScript:

<ul>
  <li id="disabled-item">Disabled Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<script>
  const disabledItem = document.getElementById('disabled-item');
  disabledItem.addEventListener('click', (event) => {
    event.preventDefault();
    event.stopPropagation();
  });
</script>

3. Метод 3: используйте другой элемент HTML
   Вместо использования тега
4. вы можете использовать другой элемент HTML, который визуально представляет отключенный элемент, например или
   . Вы можете применить стиль или добавить дополнительные атрибуты, чтобы указать отключенное состояние.

<ul>
  <li>Item 1</li>
  <span class="disabled-item">Disabled Item 2</span>
  <li>Item 3</li>
</ul>