基础5块网格

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中的块网格，并将其设置为“float：none”而不是“float：left”，但我似乎无法让它工作。

如果我在前面删除.video它可以工作，但它会影响页面上的所有块网格。

非常感谢任何帮助。

Answer 1

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

在您的HTML中，您将课程视为视频。

你在css中

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

将其更改为视频..

Answer 2

尝试：

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