0

我正在尝试学习 Foundation 5 并正在尝试使用 Interchange。

我使用了提供的默认短代码，并成功地让我的图像按布局交换。

我想知道是否可以将 CSS 属性（例如修改边距或边框颜色（例如））更改为正在切换的图像，所以我想它可能是添加到交换短代码中的东西？

我尝试将 CSS 属性添加到样式表，即：

div.small-12 div.logo img {border:1px solid blue;}

div.medium-6 div.logo img {border:1px solid red;}

结果始终是最后一个声明。也许这是我的CSS。

无论如何，任何反馈将不胜感激。

4

1 回答 1

0

如果 Foundation 向 HTML 中的元素添加/删除类，你的 CSS 就可以完成这项工作——但它（大部分）以相反的方式工作——你将类添加到元素，Foundation 使用一些（复杂的）CSS 来设置它们的样式。

您仍然可以实现您想要的 - 使用基金会使用的“媒体查询”：

假设您没有更改默认的 Foundation 媒体查询，以下 CSS 可能会为中小型屏幕完成这项工作：

 @media only screen and (max-width: 40em) {
        img.my_class {border:1px solid blue;}
 }

/* ... will apply blue border on small screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
        img.my_class {border:1px solid red;}
}

/* ..will apply a red border for medium screens */

.. 然后将类名应用于HTMLmy_class中的元素img

我建议你看看 SASS（如果你还没有的话）——它让做这些类型的事情变得更加简单 :) 在基金会网站上有一些很好的视频会有所帮助

于 2014-04-04T13:21:48.400 回答