Как я могу отключить к определённой строчке тегов HTML, стили CSS?

Question

[Audigto]

Всем Доброе, у меня возник вопрос как я могу отключить или сделать определённую строчку что б не подключались стили? Проблема в том что li a прописал в стилях css, создал не давно новую строчку и где употребил теги li и a, так стили к этой строке подключились а весь вид испортили, ну я прописал определенный класс стилей в этой строчке - li class="list-item">

Answer 1

[Bodrosh]

Вы можете назначить одни стили для списка и переопределить конкретные пункты, например, так:

<ul class="list-1">
<li>Первый элемент</li>
<li class="list-item">Второй элемент</li>
...
</ul>

<style>
.list-1 {
общий стиль;
}
.list-1 li.list-item {
другой стиль пункта;
}
</style>

Answer 2

[Dennis]

Если правильно понял вопрос, то как-то так

<ul class="list">
<li class="list-item">Первый элемент</li>
<li class="list-item">Второй элемент</li>
</ul>

.list-item {
  color: red;
  font-size: 20px;
}
.list-item:first-child {
  all: unset;
}

Answer 3

[scottparker]

если ты для элементов нового списка добавил класс list-item, и не хочешь что бы для элементов этого списка применялись старые стили, добавь в старый селектор :not(.list-item) между li и а