Question

以下课程我只需要处理档案（类别）页面。

.woocommerce ul.products li.product a img {width:78.5%!important; padding:10% 10% 10% 10%;}

如果我这样添加它会导致其他页面出错（它们需要100％）。我只想让它在身体有一类＆＃34;存档＆＃34;的页面上工作。（除其他外 - 但这就是我确实想要它的页面之间的主要区别，而不是 - 我希望我能很好地解释这一点！）

所以我试过

.archive .woocommerce ul.products li.product a img {width:78.5%!important; padding:10% 10% 10% 10%;}

但这根本不起作用 - 它既不会影响页面。

我确定我犯了一个简单的错误 - 我只是不确定它可能是什么。我也不确定哪些其他信息对于发布此处提供帮助有用，但我会密切关注该页面 - 所以请告诉我！

非常感谢

这里有一些HTML（1个列表项）：

<ul class="products">
<li class="post-134 product type-product status-publish has-post-thumbnail first one_fourth entry post-inner shipping-taxable purchasable product-type-simple product-cat-tedbaker instock">
<a href="http://uc.petekirkwood.co.uk/shop//tedbaker/test-product-copy">
<img width="220" height="165" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/04/TedBaker_TravelDocHolderCoral_5-220x165.jpg" class="attachment-shop_catalog wp-post-image" alt="TedBaker_TravelDocHolderCoral_5">
<h3>Test Product (Copy)</h3>
<span class="price"><span class="amount">£10.00</span></span>
</a>
</li>
</ul>

Answer 1

我也不确定在这里发布什么其他信息对我们有帮助..

HTML非常有用。

<强> OT

这与您的问题没有直接关系，但与CSS一样好练习，尽量避免使用过多的特异性，除非你真的没有其他选择。

使类仅适用于类别页面

1 个答案: