изменить идентификатор CSS в класс

Question

Я получил следующее css:

#navlist li #current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

Мне нужно преобразовать этот элемент #current в класс, чтобы динамически присвоить его нужному li.

Как я могу перевестиприведенный выше код в .current с тем же результатом и все еще применяется только к элементам #navlist li.

Я действительно не очень хорош в css и не знаю, как это написать.(Я пробовал пути без особого успеха)

Answer 1

РЕДАКТИРОВАТЬ: код ниже должен работать.

#navlist li {
    color: #000;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

Answer 2

Попробуйте:

#navlist li {
   // styles here
}

Answer 3

Я не уверен, что понимаю ваш вопрос, но основное различие между идентификаторами и классами заключается в том, что идентификаторы должны быть уникальными на вашей странице.Так что, пока есть только один элемент с id="current", все в порядке.Если вам нужно более одного, измените его на class="current" для всех из них.

В CSS вы зададите свойства для идентификатора с #current {...} и для класса (классов) с .current {...}

Надеюсь, это поможет.

Обновление: в зависимости от вашей HTML-структуры вам потребуется либо #navlist li.current (для li с текущим классом), либо #navlist li .current (для дочерних элементов - например,div - из li)В этом случае CSS будет применяться ТОЛЬКО к элементам с классом current внутри элемента navlist.