WordPressでContact Form 7のカスタマイズができません。

Question

Contact Form 7のカスタマイズに挑戦していますが、うまくできません。

<table class="inquiry">
<tr>
<th><span class="haveto">必須</span><span>お名前</span></th>
<td>[text* your_name placeholder "ニックネーム可"]</td>
</tr>

<tr>
<th><span class="haveto">必須</span><span>メールアドレス</span></th>
<td>[email* your-email]</td>
</tr>

<tr>
<th><span class="haveto">必須</span><span>メールアドレス確認用</span></th>
<td>[email* your-email]</td>
</tr>

</table>

[confirm "確認する"]
[back "戻る"]
[submit "送信"]

/*Contact Form 7カスタマイズ*/
/*見出し欄*/
.wpcf7 .inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}


.wpcf7　.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}

/*横の行とテーブル全体*/
.wpcf7　.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #fff;	
}

/*必須の調整*/
.wpcf7　.haveto{
 font-size:7px;
 padding:5px;
 background:#fa66c9;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}


/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}

/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

HTMLはContact Form 7のフォームに記載しています。
cssはstyle.cssで反映しなかったので、追加CSSに記載しています。

追加CSSの一番上（.wpcf7 .inquiry th）だけは反映されます。
ですが、そこから下は反映されません。
何が原因と考えられるでしょうか。

かれこれ半日は格闘しています。
初歩的な質問で申し訳ありませんが、ご回答いただけるとありがたいです。

Comments

[m.ts10806]

コードは画像ではなくテキストでマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

[Miz_Miz]

大変失礼いたしました。
分かりやすいリンクもありがとうございました。
変更したので、ご確認をお願いいたします。

Answer 1

全角入ってますよ。

沢山あるけど一例だけ抜粋

.wpcf7[　].entry-content .inquiry tr,.entry-content table{

.wpcf7[　].haveto{

「一部は反映されているけど他が反映されない」場合は
cssの構文チェック通してみてください。

Comments

[Miz_Miz]

空白の全角は盲点でした。
これからは気をつけるようにいたします。
無事css効きました！
ありがとうございました！
構文チェック、試してみたいと思います。

[m.ts10806]

質問が「受付中」のままになっています。
解決したのでしたら「解決済み」にしておいてもらえたらと。