Html 当CSS显示类名之间的空格时，如何编辑CSS？

我正在尝试对已经制作好的Wordpress主题进行一些样式更改。例如，在商店部分，我想把图片放大一点。我安装了浏览器插件Firebug，它允许我将鼠标悬停在元素上，然后直接转到代码。所以我将鼠标悬停在图像上，我看到：

<img class="attachment-shop_catalog wp-post-image">

以及

.wp-post-image{
(css code)
}

以及整个事情

.attachment-shop_catalog wp-post-image{
(css code)
}

---

而且它没有做任何改变。我想知道当CSS中的这个元素显示这样的类时，我如何对它进行更改。

要专门编辑这些类的组合，请使用

.attachment-shop\u catalog.wp post image

你能发布一个URL和你试图编辑的部分吗？这将大有帮助

如果你问：

.attachment-shop_catalog wp-post-image{
------------------------^ THIS SPACE HERE?

该css有2个选择器

例如：

#header.showcase {
    CSS STUFF (EXAMPLE 1)
}

#header .showcase {
    CSS STUFF (EXAMPLE 2)
}

与此完全不同：

<div id="header" class="showcase">THIS IS EXAMPLE 1</div>

<div id="header"><div class="showcase">THIS IS EXAMPLE 1</div></div>

这是示例1
这是示例1

attachment-shop\u catalog

是一个类名

wp post image

也是一个类名

例如，您有两个同名的类：

<div class="button">Apply</div>
<div class="button">Reset</div>

但您希望按钮复位更小。 在这种情况下，您可以为按钮重置第二个类名：

<div clas="button reset">Reset</div>

然后，按钮将显示得更小，但仍将具有与应用按钮相同的样式

因此，您可以使用以下CSS设置类

attachment-shop\u catalog wp post image

：

.reset {
  height: 50px;
  width: 50px;
}

.wp-post-image {
  ...
}

或

---

img有多个类别

attachment-shop_catalog

是一个css

class

和

wp post image

是一个单独的类。前两个css块使用正确的选择器。。。在这些选择器中放置的CSS应该会影响输出的html。不是这样吗？

.reset {
  height: 50px;
  width: 50px;
}

.wp-post-image {
  ...
}

.attachment-shop_catalog.wp-post-image {
  ...
}