css - 无法访问 html - 尝试将某些文本设置为更大的样式

Question

我正在使用 CMS 尝试修改筹款表格，使文本更大。

我已经设法修改了段落和 <h>很容易，但有一些顽固的标签我无法变大 - 这是一个 - 我希望“付款频率”这个词是 20px 左右....

<div class="field select required">

    <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_LabelForDropDownList">***Payment Frequency***</label>
    <select name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder234$FormControl1$DonationSection$DropDownPaymentFrequency$DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList">
        <option value="">Please Select...</option>
        <option selected="selected" value="Monthly">Monthly</option>
        <option value="Annually">Annually</option>

    </select>    
</div>

我已经能够单独设置它们的样式，但必须有更好的方法，它们有很多，这是另一个例子:

<div class="field text date required">

    <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CollectionDate_DropDownListDay" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CollectionDate_LabelTextBoxCollectionDate">Collection date </label>

我尝试设计所有“标签”的样式，但只有第一个发生了变化。其余保持不变。

Answer 1

可能有另一个 CSS 规则覆盖了您的新 CSS 规则。您可以使用 !important 覆盖已经存在的 CSS 规则。请参阅以下内容:

div.field label {
  font-size:20px !important;
}

<div class="field select required">
  <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_LabelForDropDownList">***Payment Frequency***</label>
  <select name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder234$FormControl1$DonationSection$DropDownPaymentFrequency$DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList">
    <option value="">Please Select...</option>
    <option selected="selected" value="Monthly">Monthly</option>
    <option value="Annually">Annually</option>
  </select>    
</div>

提示:确保您的 CSS 规则包含在框架(如 Bootstrap 或 Foundation)的 CSS 文件之后。这种方式或使用具有更高特异性的选择器。在使用 !important 之前应该尝试这些方法，因为不推荐使用 !important。