Question

我将一个'map'类添加到Rails image_tag帮助器中，就像这样

<%= image_tag "http://maps.google.com/maps/api/staticmap?size=300x200&sensor=false&zoom=16&markers={{ latitude }}%2C{{ longitude }}", :class => "map" %>

我尝试使用地图类设置特定于该图像的样式，以便默认情况下图像不可见：

img {
border: solid 0px black;
}

img .map { visibility: hidden

}

但是，默认情况下，地图类图像可见

'map'类在html中可见。

<img alt="Staticmap?size=300x200&amp;sensor=false&amp;zoom=16&amp;markers=40.6891947%2c-74.0444169" class="map" src="http://maps.google.com/maps/api/staticmap?size=300x200&amp;sensor=false&amp;zoom=16&amp;markers=40.6891947%2C-74.0444169">

当我检查元素时，Chrome控制台会显示其中仅img注册的样式，而不是img .map

你能看出我的错误吗？

Answer 1

你的CSS应该说

img.map {
    visibility: hidden
}

使用空格它是CSS element element选择器。它选择元素内的元素。您希望使用class selector。

Answer 2

消除 IMG ＆amp; .map 类。写得像这样：

img.map { visibility: hidden}

因为在空格中术语被更改img .map所以在 img 标记＆amp;中标注了 .map 。 img.map使用 img 标记表示 .map 。

阅读此内容以获取更多What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?

Rails助手中的类名

2 个答案: