私がコーディングしている Wordpress テーマのナビゲーション メニューには、同じナビゲーション アイテム内に 2 つの異なる色のテキストがあります。
<span class="nav-item-first">About</span><br /><span class="nav-item-second">Us</span>
WP メニュー オプションでスパン クラスを追加できることを知っています。クライアントに引き渡すときに、WPメニューオプションのすべてのコードではなく「About Us」だけが表示されるように、これをきちんと保つことができる方法があれば、それが理想的です.
何か案は？
<a>タグ内にあるので、このように再コーディングできますか?<a href="#">About <span>Us</span></a>
a {color: #f00;}
a span {display: block; color: #00f;}
これは文体要素であるため、JavaScript を使用して元のコンテンツを置き換えるのが安全だと思います。これにより、HTML はクリーンなままになり、スクリプトを複雑な HTML に置き換えることができます。
JavaScript がレンダリングされないさまざまな状況のため、特にページの印刷時に JavaScript に 100% 依存することはできないことに注意してください。