Блог

Главная - Вопросы по программированию - как удалить класс в ul вложенный li

как удалить класс в ul вложенный li

#html #css #class #nested #html-lists

Вопрос:

У меня проблема во вложенном списке ul. Я хочу удалить класс «per-esempio» из второго вложенного ul.

 <ul class="per-esempio blue">
   <li>
      <ul id="nested-ul">
        <li></li>
        <li></li>
      </ul>
</li>
</ul>

Вот результат:
https://jsfiddle.net/m75Lknrw /

 <ul class="per-esempio blue">
   <li>qewrqwerqwerqwerqwerwqre
      <ul id="nested-ul">
        <li>adfasdfasdfasdf</li>
        <li>asdfasdfasdfasdf</li>
      </ul>
  </li>
</ul>

Я не хочу показывать синий треугольник во вложенном списке ul.

Заранее спасибо.

Комментарии:

1. Вы должны указать, с каким языком вы работаете, что вы пробовали до сих пор и почему это не сработало.

2. Я опубликовал jsfiddle. Спасибо.

Ответ №1:

 ul.per-esempio li:before { content: url('data:image/svg xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 10" height="10" width="11"> <path style="stroke-width:0" fill="rgba(0, 100, 176, 0.99)" d="M 10,4.5 0.04495414,9 H 0 V 0 0 Z"/></svg> '); padding-left: 3px; padding-right: 10px; }

Удалите этот селектор класса из вашего CSS, и синие стрелки исчезнут. Вот тебе справка, которая помогает.

Комментарии:

1. Спасибо, Брент, но я хочу удалить только синюю стрелку во вложенном ul, а не первую стрелку.

Метки: