埋め込みクラスを使用して HTML でさまざまなテキストをレンダリングする方法
P粉418214279
P粉418214279 2023-09-02 10:34:50
0
1
470
<p>コードが埋め込まれているカテゴリに基づいて異なるテキストを表示したいと考えています。つまり、カテゴリが .category-rabbitmq の場合です。 </p> <p>カテゴリが.category-rabbitmqの場合の背景を変更します。 </p> <pre class="brush:php;toolbar:false;"><style> .category-rabbitmq { 背景画像: url('https://www.nastel.com/wp-content/uploads/2022/04/nastel_navigator_xpress.png') !重要; 背景サイズ: カバー; } </スタイル> <themainbody></themainbody>について詳しく読む<br></pre> <p>これは常に変数を表示します。 </p> <pre class="brush:php;toolbar:false;"><style> 本体::後 { コンテンツ: "RabbitMQ"; } </スタイル> <themainbody></themainbody>について詳しく読む<br></pre> <p>ただし、カテゴリ設定時に変数を表示するだけの場合は機能しません: </p> <pre class="brush:php;toolbar:false;"><style> .category-rabbitmq { 本体::後 { コンテンツ: "RabbitMQ"; } </スタイル> <themainbody></themainbody>について詳しく読む<br></pre> <p>手伝ってもらえますか? </p>
P粉418214279
P粉418214279

全員に返信(1)
P粉232409069

CSS ではルール をネストできません (SCSS では できます)。 CSS でのネストを許可する 最初の公開作業草案 があるため、将来的にはネストできるようになるかもしれません。

したがって、次のようなことを行う必要があります:

リーリー

.category-rabbitmq 要素が themainbody に対して何レベルあるのかわかりません。 themainbody.category-rabbitmq の直接の子であることがわかっている場合は、より具体的に子コンビネータを使用して最適化できます: > リーリー

CSS 子孫コンビネータ および CSS 子コンビネータ を参照してください。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート