Мобильный сначала.Медиа-запрос не работает на конкретном div - PullRequest
Новая
       11

Мобильный сначала.Медиа-запрос не работает на конкретном div

0 голосов
/ 15 декабря 2018

Я новичок в кодировании.Я делаю свой первый сайт (сначала мобильный).Все было хорошо, все дивы работали, отзывчивы, все замечательно!Но теперь я добавил новый div (я думаю, ничего особенного), но когда я пытаюсь просто вставить один код (даже без медиазапросов), он не работает в мобильной версии.Планшет и рабочий стол работают правильно.Я пытался изменить другие div и они тоже отлично работают.

Вот код.

HTML 

<section class="flvcko-wear">
  <ul class="lista-articulos">
    <div class="articulo">
      <li>
        <img src="img/cap.png" alt="">
        <p>Flvcko cap</p>
      </li>
    </div>
  </ul>
</section

CSS 

 .flvcko-wear ul{
          list-style-type: none;
        }

Itдаже не распознает 'list-style-type: none;'

Ответы [ 2 ]

0 голосов
/ 15 декабря 2018

Я согласен с предыдущим ответом, попробуйте исключить div.Попробуйте изменить код следующим образом:

HTML: 

<section class="flvcko-wear">
   <ul class="lista-articulos">
       <li>
           <img src="img/cap.png" alt="">
           <p>Flvcko cap</p>
       </li>
   </ul>
</section>

CSS: 

ul.lista-articulos {list-style-type: none;}
0 голосов
/ 15 декабря 2018

Возможно, это вызвано странной HTML-структурой - div недопустимо в качестве дочернего элемента ul (попробуйте вставить свой код в HTML-валидатор).

Это будет более логично: 

<section class="flvcko-wear">
  <ul class="lista-articulos">
    <li>
      <div class="articulo">
        <img src="…" alt="…">
        <p>…</p>
      </div>
    </li>
  </ul>
</section>

Или вообще пропустить div, поскольку вы также можете набирать li: 

<section class="flvcko-wear">
  <ul class="lista-articulos">
    <li class="articulo">
        <img src="…" alt="…">
        <p>…</p>
    </li>
  </ul>
</section>
...