WordPress の Divi テーマビルダーに関する問題

Question

＃＃＃ みんなによろしくお伝えください。

Divi Builder という Wordpress ツールを使用して CSS コードをフォームに配置しようとしています。しかし、入力したコードは私が書いたコードとまったく異なりました。ほぼすべてのことを試しましたが、何も機能しません。ご協力いただける場合は、私の CSS コードをここに記載させていただきますので、よろしくお願いいたします。

私が作成したCSSコード:

リーリー

これはこうあるべきです

これは次のようになります

遭遇したエラーをいくつか紹介します

繰り返しになりますが、ご協力いただければ幸いです。

CSS コード全体を書き直し、タグを使用して HTML コードに埋め込んでみました。

Answer 1

Divi には トンの 内部 CSS ルールがあり、そのほとんどには非常に特殊なセレクターがあり、多くの組み合わせ/ネストされたクラス/ID/タグで構成されており、多くの場合、!重要な##も含まれています。 #これにより、それらをオーバーライドすることが難しくなります。 CSS ルールは、このような複雑な Divi ルールによってオーバーライドされる可能性があります。

どの divi ルールが要素に適用されるかを確認するには、要素に対してブラウザー ツールを使用する必要があります。その後、より詳細なセレクターを使用してルールを作成する必要があります (何のことを言っているのかわからない場合は、Google で「css specificity」を検索してください)。 ）。これらの divi ルールに

! important が含まれている場合、ルール内で ! important を使用して divi ルールをオーバーライドする以外に選択肢はありません。