我正在研究两种图像样式,但这里遇到了一个恼人的问题,可能是因为我还不太了解。我想做的是在第一个图像上获得第二个图像,就像贴纸一样(如果你看到底部的 jsFiddle 你会理解更多)
问题是,从我的默认 CSS 中,我在博客上上传的每张图像上都有一个border:2px solid #fff(圆形)。但我不希望将此 CSS 应用于第一个图像前面的第二个图像。
<style>我通过使用帖子上的标签覆盖默认 CSS 来做到这一点。
.post img {border: 0px solid #fff; //default : 2px solid;
-moz-box-shadow:none ; // default ....
-webkit-box-shadow:none ; // default ....
box-shadow:none } // default ....
body { background-color:black;
}
Run Code Online (Sandbox Code Playgroud)
另外,在第一张图片上,我再次添加样式,例如
style="clear: left; float: left; margin-bottom: 1em; border: 2px solid #fff!important;-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .8);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .8);
box-shadow: 3px 3px 10px rgba(0, 0, 0, .8); margin-right: …Run Code Online (Sandbox Code Playgroud)