CSS和.tpl类;文本对齐中心

Question

非常感谢您的帮助，并提前感谢您。

我遇到了CSS和.tpl文件的小问题。我目前正在使用weebly cms为客户构建一个站点。哪个好。然而，他们现在正在使用“少”＃39;而不是正常的CSS。这意味着它们现在包含了部分和变量。我不熟悉。我只是想将一些文字与“中心”对齐。这在传统CSS中始终是一个直接的过程。在这种情况下。有问题的文本的div类位于＆lt; partials＆＃39;中的.tpl文件中。普通CSS文件中没有与文本相关联的类。

我想知道我是否可以在.tpl文件中添加普通CSS中的类。我尝试使用id标签和类标签（即＃和）在CSS中的.tpl中使用相同的类名。

然而没有成功。我相信这是相对直接的，但我无法得到我的小脑袋。

任何帮助都会很棒，新年快乐！

谢谢

这是有问题的.tpl代码，因为你可以看到类名很简单。

wsite-COM-产品价格 wsite-COM-价格 wsite先得CATERGORY产品价格

<div class="wsite-com-product-price {{price_class}}">
    <div class="wsite-com-price {{!
        }}{{^is_featured}}wsite-com-category-product-price{{/is_featured}} {{!
        }}{{#is_featured}}wsite-com-category-product-featured-price{{/is_featured}}">
        {{{price_html}}}
    </div>

CSS相关的是：第一行是我尝试做这项工作：

.wsite-com-price .wsite-com-product-price .wsite-com-category-product-price {
 text-align: center;
}

我只想将价格与中心对齐：

以下是页面上查看源代码的HTML，（我是如何找到类名的，但是它们在.tpl文件中而不是css！）

<div class="wsite-com-category-product-name wsite-com-link-text">
  Merola Choker 1
</div>
</a>

<div class="wsite-com-product-price ">
  <div class="wsite-com-price wsite-com-category-product-price ">
    &pound;125.00 - &pound;165.00
  </div>
  <div class="wsite-com-sale-price wsite-com-category-product-price ">
    &pound;125.00 - &pound;165.00
  </div>
</div>

</div>  
</div>
<div class="wsite-com-category-product wsite-com-column " data-id="5">
  <div class="wsite-com-category-product-wrap "> 

非常感谢任何人的兴趣！

以下正确的答案屏幕＆gt;＆gt;＆gt;致谢!!!!

Answer 1

尝试使用：

.wsite-com-category-product-price {text-align: center;}

由于其他类的组合可能并不总是有效。

或者：

.wsite-com-price, .wsite-com-product-price, .wsite-com-category-product-price  {text-align: center}

涵盖所有与价格相关的课程。

Answer 2

.wsite-com-price .wsite-com-product-price .wsite-com-category-product-price {
text-align: center;

}

此处 .wsite-com-price 应该是父类，而您的tpl中没有。 （或者我错过了。）

.wsite-com-product-price, .wsite-com-category-product-price {
text-align: center;
}

尝试这个，如果，这有效，他们错过了父类。