Class 带有空格的类名-在Shopify中编辑CSS

我试图在Shopify中为我的产品框添加一个阴影，但类名中有一个空格。看起来是这样的：

article class="item collection-product"

---

我不熟悉Shopify，但对我来说，它似乎有两个类。您可以这样针对他们：

.item.collection-product {
    // CSS here
}

对于类，您可以使用

，对于ID

#

您可以对任何对象应用多个类，所有CSS都将按升序应用。假设类1有蓝色，类2在CSS中紧随其后，有绿色，绿色将覆盖蓝色，除非您执行类似

的操作！重要信息

例如：

.1class2{
    color: blue !important;
}

.class2{
    color: green;
}

有关更多信息，请查看此链接：