如何使用基础5添加或修改CSS属性以交换短代码 我正在学习基础5,我正在做交换实验。

如何使用基础5添加或修改CSS属性以交换短代码 我正在学习基础5,我正在做交换实验。,css,zurb-foundation,interchange,Css,Zurb Foundation,Interchange,我使用了提供的默认短代码,并已成功地使我的图像按布局交换 我想知道是否有可能更改CSS属性,例如修改边距或边框颜色,以用于正在切换的图像,因此我猜可能是添加到交换短代码中的内容 我尝试将CSS属性添加到样式表中,即: div.small-12 div.logo img {border:1px solid blue;} div.medium-6 div.logo img {border:1px solid red;} 结果总是最后一次声明。也许是我的CSS 无论如何,任何反馈都是非常值得赞

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

我想知道是否有可能更改CSS属性,例如修改边距或边框颜色,以用于正在切换的图像,因此我猜可能是添加到交换短代码中的内容

我尝试将CSS属性添加到样式表中,即:

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

div.medium-6 div.logo img {border:1px solid red;}  
结果总是最后一次声明。也许是我的CSS


无论如何,任何反馈都是非常值得赞赏的。

< P>如果基础增加或删除了HTML中的元素,你的CSS会做这项工作,但是它主要以另一种方式工作——你把类添加到元素中,基础使用一些复杂的CSS来调整它们。

您希望使用基础查询的“媒体查询”:

假设您没有更改默认的基础媒体查询,以下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 */
。。然后将类名my_class应用于HTML中的img元素


如果你还没看过,我建议你去看一下SASS,这样做的事情就简单多了:有几个好的视频可以帮助你,在基础网站

谢谢你,这很有帮助。是的,我很高兴开始学习sass。只要我得到基础的基础下来。再次感谢!