css - 在网站的不同页面中应用不同的 .css

Question

一位 friend 邀请我帮助他建立一个网站(电子商店)。我是一个完全的初学者，所以我只是用谷歌搜索所有内容:(。他无权访问代码(由提供商托管)，他只能编辑 user.css 文件。问题是，他想删除周围的边框产品图片，所以我通过添加来管理它:

.product-grid .image img {
    border: 0px;
}

这适用于主页上的产品网格(“主页”)，但不适用于类别中的产品网格(图片“类别”)。它告诉我应用了与我的 user.css 不同的 css。任何想法。只是从基础上我认为 user.css 将覆盖任何以前引用相同的 css。知道如何为其他页面也定义相同的内容吗？

category

Home

Answer 1

覆盖任何以前的 css 使用“重要”

.product-grid .image img {
border: 0px !important;
}