-2

对不起，我是新手，但我真的需要你的帮助。

这是问题所在：我的主要 wordpress 主题是 woocommerce，一切正常。问题是：我有一个带有另一种 woocommerce 风格的次要主题，我需要将这个 woocommerce css 放到我的主题中。

我怎么能这样做？因为即使我复制粘贴 .css 文件，我仍然需要来自其他主题的 html 类。

我不知道该怎么办了，我真的很感激任何帮助。

谢谢和抱歉，英语不是我的母语。

@edit我忘了说：我不需要所有的woocommerce css，我只是这个产品视图。像这样：https ://image.ibb.co/kkPtEc/Sem_t_tulo.png

4

1 回答 1

1

您可以使用： https ://es.wordpress.org/plugins/custom-css-js/

使用适当的选择器来定位您想要的元素并更精确地到达它们以优先于其他 css。

例如：

.elementor-745 .elementor-element.elementor-element-lueowvi .elementor-image-box-content .elementor-image-box-title {
    color: #0351d8;
    font-size: 27px;
    font-weight: 500;
}

这是一个带有属性和值的 CSS 选择器（从我前段时间做的 wordpress 复制而来）

例如，如果我希望此文本为红色而不是这种蓝色并更改字体大小，我将不得不：

div.elementor-image-box-wrapper > div.elementor-image-box-content > h3.elementor-image-box-title {
    color: red;
    font-size: 30px;
}

为什么我做这个选择器？ 我知道这个元素在一个带有elementor-image-box-content类的 div 内，它在一个带有elementor-image-box-wrapper的 div 内。

请注意，我还在 css 选择器中指定了 html 标签。

为什么它应该起作用？

与主题相比，我设置的选择器更具体。所以在渲染 css 时会优先考虑。

如果您处理基于 id 的类，您将需要 javascript（我建议您使用 jQuery，因为它几乎总是由主题或某些插件加载，并且会让您工作得更快更清洁。

当我说基于 id 的课程时，我的意思是：

<div class="product-id-25">
    <!-- other code -->
</div>
<div class="product-id-26">
    <!-- other code -->
</div>

您需要选择product-id-*并为每个循环创建一个以通过 jQuery 添加 css（例如）

于 2018-03-14T11:58:01.800 回答