html - 当它在类名之间显示空格时如何编辑 CSS?

标签 html css wordpress

我正在尝试对已制作的 Wordpress 主题进行一些样式更改。例如,在商店部分,我想让图像更宽一些。我安装了浏览器插件 Firebug,它让我可以将鼠标悬停在元素上,它会直接转到代码。所以我将鼠标悬停在图像上,我看到了:

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

我在尝试编辑 CSS 时一直看到这个。类名之间有空格。这是为什么?我该如何编辑它?我试过了

.attachment-shop_catalog{
 (css code)
 }

还有

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

以及整个事情

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

它没有做任何改变。我想知道如何在 CSS 中显示这样的类时更改此元素。

最佳答案

要专门编辑该类组合,请使用 .attachment-shop_catalog.wp-post-image

关于html - 当它在类名之间显示空格时如何编辑 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19777346/

相关文章:

html - 将鼠标悬停在内容上时,IE7 鼠标悬停导航 block 消失

javascript - 完整日历在事件标题显示结束时附加 'x'

javascript - 如何将隐藏类型输入变成复选框类型输入?

html - 使垂直菜单中的所有 <li> 具有相同的宽度 CSS

javascript - 使用 ?v=(文件版本)的文件版本

css - 调整大小时保持 p 元素附加到 h2 p 元素不移动

javascript - 将链接显示为 contenteditable div 中的链接

html - 隐藏 png 图像,直到它显示在用户屏幕中

javascript - 填充数组失败

php - 如何解析和抓取WordPress的内容