Html 更改位于div中的跨类css

我正在尝试使用WordPress style.css编辑div class=wcsatt选项包装器和span class=price订阅价格的字体大小

我可以成功地编辑div类，但是，我尝试了几个div和span组合的变体，并使用了！重要信息，但不会更改目标跨距的字体

<div class="woocommerce-variation single_variation" style="">
    <div class="woocommerce-variation-description"></div>
    <div class="woocommerce-variation-price">
        <span class="price">
            <span class="woocommerce-Price-amount amount">
                <span class="woocommerce-Price-currencySymbol">$</span>
                "15.99"
            </span>
        </span>
        <div class="wcsatt-options-wrapper">
            <h3>Choose a subscription plan:</h3>
        <ul class="wcsatt-options-product">
            <li class="one-time-option">
                <label>
                    <input type="radio" name="convert_to_sub_1481" data-custom_data="[]" value="0" checked="checked">
                    <span class="one-time-option-details">none</span>               
                </label>
            </li>
            <li class="subscription-option">
                <label>
                    <input type="radio" name="convert_to_sub_1481" data-custom_data="{";ubscription_scheme":{"period":"month","interval":1,"length":0,"trial_period":"","trial_length";:"","pricing_mode":"inherit","discount":"7";,"sync_date":0,"context":"product","id":"1_month","key":"1_month","is_synced":false,"is_prorated":false},"overrides_price":true,"discount_from_regular":false}" value="1_month">
                    <span class="subscription-option-details">
                        <span class="price subscription-price">
                            <del>
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>
                                    "15.99"
                                </span>
                            </del> 
                            <ins>
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>
                                    "14.87"
                                </span>
                            </ins> 
                            <span class="subscription-details"> / month</span>
                        </span>
                    </span>
                </label>
            </li>
            <li class="subscription-option">
                <label>
                    <input type="radio" name="convert_to_sub_1481" data-custom_data="{"subscription_scheme":{"period":"month","interval":3,"length":0,"trial_period":"","trial_length":"","pricing_mode":"inherit","discount":"5","sync_date":0,"context":"product","id":"3_month","key":"3_month","is_synced":false,"is_prorated":false},"overrides_price":true,"discount_from_regular":false}" value="3_month">
                    <span class="subscription-option-details">
                        <span class="price subscription-price"> 
                            <del>
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>
                                    "15.99"
                                </span>
                            </del> 
                            <ins>
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>
                                    "15.19"
                                </span>
                            </ins> 
                            <span class="subscription-details"> every 3 months</span>
                        </span>
                    </span>             
                </label>
            </li>
        </ul>
        </div>
    </div>
    <div class="woocommerce-variation-availability"></div>

但是，当我将这些更改应用到WordPress style.css表时，不会进行调整。

---

您能用截图中看到的代码替换此行吗：

---

这不酷，对吧？

鉴于woocomece类名，我猜这是一个WordPress主题

你可以在

“自定义css”

选项或直接在文件中编辑它

'外观>编辑CSS'

是这样的吗

.wooComerce-Price-CurrencySymbol {
    font-size: 14px;
}

---

请阅读。您需要充分解释您的问题，并在问题中包含任何相关代码。我们无法调试图像。@msg抱歉，我没有意识到描述只是链接文本。图像链接中突出显示的文本是我试图更改的内容。我得到了，但只有突出显示的文本。。。为什么？只是因为？因为是当前选择的计划？另外，请直接发布html代码。这不允许我提交直接发布代码的评论，可能是用户错误。直接编辑您的问题。你应该会在它下面看到一个

edit

链接。这是一个WordPress网站&我正试图通过appearence>editor>style.css对其进行编辑。这个问题与我设置编辑字体大小的类别无关，当我试图编辑“span.price…”时，它会被“span.price.subscription price”否决它仍然没有注册。可能还有其他东西在避免编辑。再上一节课。可能值得尝试在Chrome或Firefox的开发者模式下检查类名（F12键）。请注意，如果您没有创建子主题（或备份），您正在编辑主题的原始CSS，如果您不小心，您可能会把事情搞砸。我尝试过了。price订阅价格{font size:20px；}没有任何更改。@JoshuaFinly-right，因为您必须以

.price.subscription-price

为目标，并且缺少重要的

！重要的
.price.subscription-price{字体大小：20px！重要；}仍然没有更改。@JoshuaFinly我们没有css或html。我们不知道问题出在哪里。也许字体大小已经是20px了？@TrueTiemI刚刚用更深入的html修改了原始问题。我尝试过使用您建议的方法将字体大小从8px更改为40px，但什么都没有。我最好的猜测是错误的类正在使用但是，我是个新手。我知道这是个大惊喜哈哈。
.wooComerce-Price-CurrencySymbol {
    font-size: 14px;
}