Question

我是编码新手。我正在建立我的第一个网站（移动设备优先）。一切都很好，所有div都正常工作，响应迅速，都很棒！但是现在我添加了一个新的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;
        }

它甚至无法识别'list-style-type：none;'

Answer 1

这可能是由怪异的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>

Answer 2

我同意上一个答案，请尝试消除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;}

移动优先。媒体查询不适用于特定的div

2 个答案: