css - 特定の要素に到達するための CSS 構造

Question

wordpress テーマのスタイルを変更しようとすると問題が発生します。お問い合わせフォームの入力ボックスに文字が空白で表示されるため、テキストが表示されません。別の要素でボックスを正しく見ることができるので、これは本当に奇妙です。

これはコードです：

<div class="wpcf7" id="wpcf7-f146-p26-o1"><form action="/imperial/wordpress-3.2.1/wordpress/?page_id=26#wpcf7-f146-p26-o1" method="post" class="wpcf7-form">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="146" />
<input type="hidden" name="_wpcf7_version" value="3.1" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f146-p26-o1" />
<input type="hidden" name="_wpnonce" value="944adfc593" />
</div>
<p >Nombre (Requerido)<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p >Email (Requerido)<br />

    <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" size="40" /></span> </p>
<p >Tema<br />
    <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-form-control wpcf7-text" size="40" /></span> </p>
<p >Mensaje<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" class="wpcf7-form-control  wpcf7-textarea" cols="40" rows="10"></textarea></span> </p>
<p >[Enviar"Send"]</p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>

具体的な要素は

<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p >Email (Requerido)<br />

空白として表示されるので、これを修正するには助けが必要です。