如何使用CSS在类别内添加子类别？

Question

该网站提供Index.liquid（首页），Category.liquid（类别）和Product.liquid（产品），默认情况下，商店让我在类别中列出我的产品，但我要做的是类别中的一个类别，因此创建一个子类别。 这是Category.Liquid的代码：

<div class="container products">
    <div class="row">
        {% for product in category.products %}
            <div class="col-md-4">
                <a href="/product/{{ product.id }}" class="product">
                <div class="product-image" style="background-image: url({{ product.image.url }});">
                    </div>
                    <div class="product-info">
                        <div class="product-title">{{ product.title }}</div>
                        <div class="product-extra">
                            <div>Stock: {{product.stock }}</div>                          
                            <div class="mla">{{ product.price | money_with_currency: product.currency }}</div>
                        </div>
                    </div>
                </a>
            </div>
        {% endfor %}
        <div>
    </div>
        </div>
        </a>