html - 基础 5 block 网格

Question

这是我的代码:

HTML

<div class="medium-12 columns videos">
  <ul class="medium-block-grid-2 text">
    <li><iframe src="//www.youtube.com/embed/vid1" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid2" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid3" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid4" frameborder="0" allowfullscreen></iframe></li>
  </ul>
</div>

CSS

.video [class*="block-grid-"] > li {
  float: none;
}

我想做的只是影响“视频”div 内的 block 网格，并让它“ float :无”而不是“ float :左”，但我似乎无法让它工作。

如果我删除前面的 .video，它会起作用，但它会影响页面上的所有 block 网格。

非常感谢任何帮助。

Answer 1

<div class="medium-12 columns videos">

在您的 html 中，您有视频类。

在你的CSS中

.video [class*="block-grid-"] > li {
  float: none;
}

将其更改为视频..