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ルールが（ブートストラップや財団など）フレームワークのCSSファイルの後に含まれていることを確認し、以下を参照してください。このようにするか、より特異性の高いセレクターを使用する。 !importantを使用することはお勧めできませんので、これらの方法は!importantを使用する前に試してください。